删除文件 vue-cil
This commit is contained in:
王康康
Gitee
parent
4185cde3aa
commit
d00b713042
23
vue-cil/.gitignore
vendored
23
vue-cil/.gitignore
vendored
@ -1,23 +0,0 @@
|
||||
.DS_Store
|
||||
node_modules
|
||||
/dist
|
||||
|
||||
|
||||
# local env files
|
||||
.env.local
|
||||
.env.*.local
|
||||
|
||||
# Log files
|
||||
npm-debug.log*
|
||||
yarn-debug.log*
|
||||
yarn-error.log*
|
||||
pnpm-debug.log*
|
||||
|
||||
# Editor directories and files
|
||||
.idea
|
||||
.vscode
|
||||
*.suo
|
||||
*.ntvs*
|
||||
*.njsproj
|
||||
*.sln
|
||||
*.sw?
|
||||
@ -1,36 +0,0 @@
|
||||
# vue脚手架
|
||||
|
||||
#### Description
|
||||
vue脚手架，即拿即用
|
||||
|
||||
#### Software Architecture
|
||||
Software architecture description
|
||||
|
||||
#### Installation
|
||||
|
||||
1. xxxx
|
||||
2. xxxx
|
||||
3. xxxx
|
||||
|
||||
#### Instructions
|
||||
|
||||
1. xxxx
|
||||
2. xxxx
|
||||
3. xxxx
|
||||
|
||||
#### Contribution
|
||||
|
||||
1. Fork the repository
|
||||
2. Create Feat_xxx branch
|
||||
3. Commit your code
|
||||
4. Create Pull Request
|
||||
|
||||
|
||||
#### Gitee Feature
|
||||
|
||||
1. You can use Readme\_XXX.md to support different languages, such as Readme\_en.md, Readme\_zh.md
|
||||
2. Gitee blog [blog.gitee.com](https://blog.gitee.com)
|
||||
3. Explore open source project [https://gitee.com/explore](https://gitee.com/explore)
|
||||
4. The most valuable open source project [GVP](https://gitee.com/gvp)
|
||||
5. The manual of Gitee [https://gitee.com/help](https://gitee.com/help)
|
||||
6. The most popular members [https://gitee.com/gitee-stars/](https://gitee.com/gitee-stars/)
|
||||
@ -1,19 +0,0 @@
|
||||
# vue-code
|
||||
|
||||
## Project setup
|
||||
```
|
||||
npm install
|
||||
```
|
||||
|
||||
### Compiles and hot-reloads for development
|
||||
```
|
||||
npm run serve
|
||||
```
|
||||
|
||||
### Compiles and minifies for production
|
||||
```
|
||||
npm run build
|
||||
```
|
||||
|
||||
### Customize configuration
|
||||
See [Configuration Reference](https://cli.vuejs.org/config/).
|
||||
@ -1,5 +0,0 @@
|
||||
module.exports = {
|
||||
presets: [
|
||||
'@vue/cli-plugin-babel/preset'
|
||||
]
|
||||
}
|
||||
@ -1,19 +0,0 @@
|
||||
{
|
||||
"compilerOptions": {
|
||||
"target": "es5",
|
||||
"module": "esnext",
|
||||
"baseUrl": "./",
|
||||
"moduleResolution": "node",
|
||||
"paths": {
|
||||
"@/*": [
|
||||
"src/*"
|
||||
]
|
||||
},
|
||||
"lib": [
|
||||
"esnext",
|
||||
"dom",
|
||||
"dom.iterable",
|
||||
"scripthost"
|
||||
]
|
||||
}
|
||||
}
|
||||
17712
vue-cil/package-lock.json
generated
17712
vue-cil/package-lock.json
generated
File diff suppressed because it is too large
Load Diff
@ -1,33 +0,0 @@
|
||||
{
|
||||
"name": "vue-code",
|
||||
"version": "0.1.0",
|
||||
"private": true,
|
||||
"scripts": {
|
||||
"serve": "vue-cli-service serve",
|
||||
"build": "vue-cli-service build"
|
||||
},
|
||||
"dependencies": {
|
||||
"axios": "^1.4.0",
|
||||
"core-js": "^3.8.3",
|
||||
"element-ui": "^2.15.13",
|
||||
"js-cookie": "^3.0.5",
|
||||
"vue": "^2.6.14",
|
||||
"vue-axios": "^3.5.2",
|
||||
"vue-router": "^3.5.1",
|
||||
"vuex": "^3.6.2"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@vue/cli-plugin-babel": "~5.0.0",
|
||||
"@vue/cli-plugin-router": "~5.0.0",
|
||||
"@vue/cli-plugin-vuex": "~5.0.0",
|
||||
"@vue/cli-service": "~5.0.0",
|
||||
"sass": "^1.32.7",
|
||||
"sass-loader": "^12.0.0",
|
||||
"vue-template-compiler": "^2.6.14"
|
||||
},
|
||||
"browserslist": [
|
||||
"> 1%",
|
||||
"last 2 versions",
|
||||
"not dead"
|
||||
]
|
||||
}
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 4.2 KiB |
@ -1,17 +0,0 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width,initial-scale=1.0">
|
||||
<link rel="icon" href="<%= BASE_URL %>favicon.ico">
|
||||
<title><%= htmlWebpackPlugin.options.title %></title>
|
||||
</head>
|
||||
<body>
|
||||
<noscript>
|
||||
<strong>We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
|
||||
</noscript>
|
||||
<div id="app"></div>
|
||||
<!-- built files will be auto injected -->
|
||||
</body>
|
||||
</html>
|
||||
@ -1,11 +0,0 @@
|
||||
<template>
|
||||
<div id="app">
|
||||
<router-view />
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
name: 'App'
|
||||
}
|
||||
</script>
|
||||
@ -1,27 +0,0 @@
|
||||
import request from '@/utils/request'
|
||||
|
||||
export function login(data) {
|
||||
return request({
|
||||
url: 'http://127.0.0.1:9090/K3Cloud/Kingdee.BOS.WebApi.ServicesStub.AuthService.ValidateUser.common.kdsvc',
|
||||
method: 'post',
|
||||
data
|
||||
})
|
||||
}
|
||||
|
||||
export function supplierLogin(data) {
|
||||
return request({
|
||||
url: 'http://1.14.142.111:9090/K3CLOUD/Kingdee.BOS.WebApi.ServicesStub.DynamicFormService.ExecuteBillQuery.common.kdsvc',
|
||||
method: 'post',
|
||||
data
|
||||
})
|
||||
}
|
||||
|
||||
export function save(data) {
|
||||
return request({
|
||||
url: 'http://1.14.142.111:9090/k3cloud/Kingdee.BOS.WebApi.ServicesStub.DynamicFormService.Save.common.kdsvc',
|
||||
method: 'post',
|
||||
data
|
||||
})
|
||||
}
|
||||
|
||||
|
||||
@ -1,9 +0,0 @@
|
||||
import request from '@/utils/request'
|
||||
|
||||
export function getTenantCodeByUser(data) {
|
||||
return request({
|
||||
url: '/api/account/sysuserdetail/getTenantCodeByUser',
|
||||
method: 'post',
|
||||
params: data
|
||||
})
|
||||
}
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 6.7 KiB |
@ -1,59 +0,0 @@
|
||||
<template>
|
||||
<div class="hello">
|
||||
<h1>{{ msg }}</h1>
|
||||
<p>
|
||||
For a guide and recipes on how to configure / customize this project,<br>
|
||||
check out the
|
||||
<a href="https://cli.vuejs.org" target="_blank" rel="noopener">vue-cli documentation</a>.
|
||||
</p>
|
||||
<h3>Installed CLI Plugins</h3>
|
||||
<ul>
|
||||
<li><a href="https://github.com/vuejs/vue-cli/tree/dev/packages/%40vue/cli-plugin-babel" target="_blank" rel="noopener">babel</a></li>
|
||||
<li><a href="https://github.com/vuejs/vue-cli/tree/dev/packages/%40vue/cli-plugin-router" target="_blank" rel="noopener">router</a></li>
|
||||
<li><a href="https://github.com/vuejs/vue-cli/tree/dev/packages/%40vue/cli-plugin-vuex" target="_blank" rel="noopener">vuex</a></li>
|
||||
</ul>
|
||||
<h3>Essential Links</h3>
|
||||
<ul>
|
||||
<li><a href="https://vuejs.org" target="_blank" rel="noopener">Core Docs</a></li>
|
||||
<li><a href="https://forum.vuejs.org" target="_blank" rel="noopener">Forum</a></li>
|
||||
<li><a href="https://chat.vuejs.org" target="_blank" rel="noopener">Community Chat</a></li>
|
||||
<li><a href="https://twitter.com/vuejs" target="_blank" rel="noopener">Twitter</a></li>
|
||||
<li><a href="https://news.vuejs.org" target="_blank" rel="noopener">News</a></li>
|
||||
</ul>
|
||||
<h3>Ecosystem</h3>
|
||||
<ul>
|
||||
<li><a href="https://router.vuejs.org" target="_blank" rel="noopener">vue-router</a></li>
|
||||
<li><a href="https://vuex.vuejs.org" target="_blank" rel="noopener">vuex</a></li>
|
||||
<li><a href="https://github.com/vuejs/vue-devtools#vue-devtools" target="_blank" rel="noopener">vue-devtools</a></li>
|
||||
<li><a href="https://vue-loader.vuejs.org" target="_blank" rel="noopener">vue-loader</a></li>
|
||||
<li><a href="https://github.com/vuejs/awesome-vue" target="_blank" rel="noopener">awesome-vue</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
name: 'HelloWorld',
|
||||
props: {
|
||||
msg: String
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<!-- Add "scoped" attribute to limit CSS to this component only -->
|
||||
<style scoped lang="scss">
|
||||
h3 {
|
||||
margin: 40px 0 0;
|
||||
}
|
||||
ul {
|
||||
list-style-type: none;
|
||||
padding: 0;
|
||||
}
|
||||
li {
|
||||
display: inline-block;
|
||||
margin: 0 10px;
|
||||
}
|
||||
a {
|
||||
color: #42b983;
|
||||
}
|
||||
</style>
|
||||
@ -1,41 +0,0 @@
|
||||
import Vue from 'vue'
|
||||
import VueAxios from 'vue-axios'
|
||||
import App from './App.vue'
|
||||
import router from './router'
|
||||
import store from './store'
|
||||
import axios from 'axios'
|
||||
import Cookies from 'js-cookie'
|
||||
import './styles/element-variables.scss'
|
||||
import '@/styles/index.scss' // global css
|
||||
// axios.defaults.withCredentials=true;//让ajazx携带cookie
|
||||
|
||||
import Element from 'element-ui'
|
||||
|
||||
// axios.interceptors.request.use(
|
||||
// config => {
|
||||
// // 在请求头中添加自定义的 Cookie
|
||||
// config.headers.Cookie = '88899741hkhsdhfdksf'
|
||||
// return config
|
||||
// },
|
||||
// error => {
|
||||
// return Promise.reject(error)
|
||||
// }
|
||||
// )
|
||||
//
|
||||
// Vue.use(VueAxios, axios)
|
||||
|
||||
|
||||
|
||||
Vue.use(Element, {
|
||||
size: Cookies.get('size') || 'small', // set element-ui default size
|
||||
})
|
||||
|
||||
Vue.config.productionTip = false
|
||||
Vue.prototype.$axios = axios
|
||||
|
||||
|
||||
new Vue({
|
||||
router,
|
||||
store,
|
||||
render: h => h(App)
|
||||
}).$mount('#app')
|
||||
@ -1,38 +0,0 @@
|
||||
|
||||
import Vue from "vue";
|
||||
import Router from "vue-router";
|
||||
|
||||
Vue.use(Router);
|
||||
export const constantRoutes = [
|
||||
{
|
||||
path: '/',
|
||||
component: () => import('@/views/login/login'),
|
||||
name: 'SysUrl',
|
||||
meta: { title: 'sysurl', icon: 'el-icon-set-up' }
|
||||
},
|
||||
{
|
||||
path: '/about',
|
||||
component: () => import('@/views/AboutView'),
|
||||
name: 'SysRole',
|
||||
meta: { icon: 'el-icon-postcard' }
|
||||
},
|
||||
{
|
||||
path: '/master',
|
||||
component: () => import('@/views/master/master'),
|
||||
name: 'master',
|
||||
meta: { icon: 'el-icon-postcard' }
|
||||
},
|
||||
|
||||
|
||||
];
|
||||
|
||||
const createRouter = () =>
|
||||
new Router({
|
||||
// mode: 'history', // require service support
|
||||
scrollBehavior: () => ({ y: 0 }),
|
||||
routes: constantRoutes,
|
||||
});
|
||||
|
||||
const router = createRouter();
|
||||
|
||||
export default router;
|
||||
@ -1,25 +0,0 @@
|
||||
import Layout from '@/layout'
|
||||
|
||||
const authorityRouter = {
|
||||
path: '/authority',
|
||||
component: Layout,
|
||||
redirect: 'noRedirect',
|
||||
alwaysShow: true,
|
||||
name: 'authority',
|
||||
meta: { title: 'authority', icon: 'lock' },
|
||||
children: [
|
||||
{
|
||||
path: '/AboutView',
|
||||
component: () => import('@/views/AboutView'),
|
||||
name: 'SysRole',
|
||||
meta: { icon: 'el-icon-postcard' }
|
||||
},
|
||||
{
|
||||
path: '/HomeView',
|
||||
component: () => import('@/views/HomeView'),
|
||||
name: 'SysUrl',
|
||||
meta: { title: 'sysurl', icon: 'el-icon-set-up' }
|
||||
},
|
||||
]
|
||||
}
|
||||
export default authorityRouter
|
||||
@ -1,19 +0,0 @@
|
||||
import Layout from '@/layout'
|
||||
|
||||
const loginRouter = {
|
||||
path: '/login',
|
||||
component: Layout,
|
||||
redirect: 'noRedirect',
|
||||
alwaysShow: true,
|
||||
name: 'login',
|
||||
meta: { title: 'authority', icon: 'lock' },
|
||||
children: [
|
||||
{
|
||||
path: '/login',
|
||||
component: () => import('@/views/login/login'),
|
||||
name: 'login',
|
||||
meta: { icon: 'el-icon-postcard' }
|
||||
},
|
||||
]
|
||||
}
|
||||
export default loginRouter
|
||||
@ -1,19 +0,0 @@
|
||||
import Layout from '@/layout'
|
||||
|
||||
const masterRouter = {
|
||||
path: '/master',
|
||||
component: Layout,
|
||||
redirect: 'noRedirect',
|
||||
alwaysShow: true,
|
||||
name: 'master',
|
||||
meta: { title: 'authority', icon: 'lock' },
|
||||
children: [
|
||||
{
|
||||
path: '/master',
|
||||
component: () => import('@/views/master/master'),
|
||||
name: 'master',
|
||||
meta: { icon: 'el-icon-postcard' }
|
||||
},
|
||||
]
|
||||
}
|
||||
export default masterRouter
|
||||
@ -1,5 +0,0 @@
|
||||
const getters = {
|
||||
token: state => state.user.token,
|
||||
cookie: state => state.user.cookie,
|
||||
}
|
||||
export default getters
|
||||
@ -1,43 +0,0 @@
|
||||
// import Vue from 'vue'
|
||||
// import Vuex from 'vuex'
|
||||
|
||||
// Vue.use(Vuex)
|
||||
|
||||
// export default new Vuex.Store({
|
||||
// state: {
|
||||
// },
|
||||
// getters: {
|
||||
// },
|
||||
// mutations: {
|
||||
// },
|
||||
// actions: {
|
||||
// },
|
||||
// modules: {
|
||||
// }
|
||||
// })
|
||||
|
||||
import Vue from 'vue'
|
||||
import Vuex from 'vuex'
|
||||
import getters from './getters'
|
||||
|
||||
Vue.use(Vuex)
|
||||
|
||||
// https://webpack.js.org/guides/dependency-management/#requirecontext
|
||||
const modulesFiles = require.context('./modules', true, /\.js$/)
|
||||
|
||||
// you do not need `import app from './modules/app'`
|
||||
// it will auto require all vuex module from modules file
|
||||
const modules = modulesFiles.keys().reduce((modules, modulePath) => {
|
||||
// set './app.js' => 'app'
|
||||
const moduleName = modulePath.replace(/^\.\/(.*)\.\w+$/, '$1')
|
||||
const value = modulesFiles(modulePath)
|
||||
modules[moduleName] = value.default
|
||||
return modules
|
||||
}, {})
|
||||
|
||||
const store = new Vuex.Store({
|
||||
modules,
|
||||
getters
|
||||
})
|
||||
|
||||
export default store
|
||||
@ -1,21 +0,0 @@
|
||||
import {getToken, setToken, removeToken, getCookie} from '@/utils/auth'
|
||||
|
||||
const state = {
|
||||
token: getToken(),
|
||||
cookie: getCookie(),
|
||||
}
|
||||
|
||||
const mutations = {
|
||||
|
||||
}
|
||||
|
||||
const actions = {
|
||||
|
||||
}
|
||||
|
||||
export default {
|
||||
namespaced: true,
|
||||
state,
|
||||
mutations,
|
||||
actions
|
||||
}
|
||||
@ -1,106 +0,0 @@
|
||||
@import './variables.scss';
|
||||
|
||||
@mixin colorBtn($color) {
|
||||
background: $color;
|
||||
|
||||
&:hover {
|
||||
color: $color;
|
||||
|
||||
&:before,
|
||||
&:after {
|
||||
background: $color;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.blue-btn {
|
||||
@include colorBtn($blue)
|
||||
}
|
||||
|
||||
.light-blue-btn {
|
||||
@include colorBtn($light-blue)
|
||||
}
|
||||
|
||||
.red-btn {
|
||||
@include colorBtn($red)
|
||||
}
|
||||
|
||||
.pink-btn {
|
||||
@include colorBtn($pink)
|
||||
}
|
||||
|
||||
.green-btn {
|
||||
@include colorBtn($green)
|
||||
}
|
||||
|
||||
.tiffany-btn {
|
||||
@include colorBtn($tiffany)
|
||||
}
|
||||
|
||||
.yellow-btn {
|
||||
@include colorBtn($yellow)
|
||||
}
|
||||
|
||||
.pan-btn {
|
||||
font-size: 14px;
|
||||
color: #fff;
|
||||
padding: 14px 36px;
|
||||
border-radius: 8px;
|
||||
border: none;
|
||||
outline: none;
|
||||
transition: 600ms ease all;
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
|
||||
&:hover {
|
||||
background: #fff;
|
||||
|
||||
&:before,
|
||||
&:after {
|
||||
width: 100%;
|
||||
transition: 600ms ease all;
|
||||
}
|
||||
}
|
||||
|
||||
&:before,
|
||||
&:after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
height: 2px;
|
||||
width: 0;
|
||||
transition: 400ms ease all;
|
||||
}
|
||||
|
||||
&::after {
|
||||
right: inherit;
|
||||
top: inherit;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.custom-button {
|
||||
display: inline-block;
|
||||
line-height: 1;
|
||||
white-space: nowrap;
|
||||
cursor: pointer;
|
||||
background: #fff;
|
||||
color: #fff;
|
||||
-webkit-appearance: none;
|
||||
text-align: center;
|
||||
box-sizing: border-box;
|
||||
outline: 0;
|
||||
margin: 0;
|
||||
padding: 10px 15px;
|
||||
font-size: 14px;
|
||||
border-radius: 4px;
|
||||
}
|
||||
|
||||
.svg-icon-arrow {
|
||||
cursor: pointer;
|
||||
color: #1890ff;
|
||||
padding-left: 10px;
|
||||
font-size: 20px;
|
||||
}
|
||||
@ -1,83 +0,0 @@
|
||||
// cover some element-ui styles
|
||||
|
||||
.el-breadcrumb__inner,
|
||||
.el-breadcrumb__inner a {
|
||||
font-weight: 400 !important;
|
||||
}
|
||||
|
||||
.el-upload {
|
||||
input[type="file"] {
|
||||
display: none !important;
|
||||
}
|
||||
}
|
||||
|
||||
.el-upload__input {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.cell {
|
||||
.el-tag {
|
||||
margin-right: 0px;
|
||||
}
|
||||
}
|
||||
|
||||
.small-padding {
|
||||
.cell {
|
||||
padding-left: 5px;
|
||||
padding-right: 5px;
|
||||
}
|
||||
}
|
||||
|
||||
.fixed-width {
|
||||
.el-button--mini {
|
||||
padding: 7px 10px;
|
||||
min-width: 60px;
|
||||
}
|
||||
}
|
||||
|
||||
.status-col {
|
||||
.cell {
|
||||
padding: 0 10px;
|
||||
text-align: center;
|
||||
|
||||
.el-tag {
|
||||
margin-right: 0px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.el-dialog {
|
||||
transform: none;
|
||||
left: 0;
|
||||
position: relative;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
// refine element ui upload
|
||||
.upload-container {
|
||||
.el-upload {
|
||||
width: 100%;
|
||||
|
||||
.el-upload-dragger {
|
||||
width: 100%;
|
||||
height: 200px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// dropdown
|
||||
.el-dropdown-menu {
|
||||
a {
|
||||
display: block
|
||||
}
|
||||
}
|
||||
|
||||
// fix date-picker ui bug in filter-item
|
||||
.el-range-editor.el-input__inner {
|
||||
display: inline-flex !important;
|
||||
}
|
||||
|
||||
// to fix el-date-picker css style
|
||||
.el-range-separator {
|
||||
box-sizing: content-box;
|
||||
}
|
||||
@ -1,31 +0,0 @@
|
||||
/**
|
||||
* I think element-ui's default theme color is too light for long-term use.
|
||||
* So I modified the default color and you can modify it to your liking.
|
||||
**/
|
||||
|
||||
/* theme color */
|
||||
$--color-primary: #1890ff;
|
||||
$--color-success: #13ce66;
|
||||
$--color-warning: #ffba00;
|
||||
$--color-danger: #ff4949;
|
||||
// $--color-info: #1E1E1E;
|
||||
|
||||
$--button-font-weight: 400;
|
||||
|
||||
// $--color-text-regular: #1f2d3d;
|
||||
|
||||
$--border-color-light: #dfe4ed;
|
||||
$--border-color-lighter: #e6ebf5;
|
||||
|
||||
$--table-border: 1px solid #dfe6ec;
|
||||
|
||||
/* icon font path, required */
|
||||
$--font-path: "~element-ui/lib/theme-chalk/fonts";
|
||||
|
||||
@import "~element-ui/packages/theme-chalk/src/index";
|
||||
|
||||
// the :export directive is the magic sauce for webpack
|
||||
// https://www.bluematador.com/blog/how-to-share-variables-between-js-and-sass
|
||||
:export {
|
||||
theme: $--color-primary;
|
||||
}
|
||||
@ -1,271 +0,0 @@
|
||||
$selectedColor: #f6f7ff;
|
||||
$lighterBlue: #409EFF;
|
||||
|
||||
.container {
|
||||
position: relative;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.components-list {
|
||||
padding: 8px;
|
||||
box-sizing: border-box;
|
||||
height: 100%;
|
||||
.components-item {
|
||||
display: inline-block;
|
||||
width: 48%;
|
||||
margin: 1%;
|
||||
transition: transform 0ms !important;
|
||||
}
|
||||
}
|
||||
.components-draggable {
|
||||
padding-bottom: 20px;
|
||||
}
|
||||
.components-title {
|
||||
font-size: 14px;
|
||||
color: #222;
|
||||
margin: 6px 2px;
|
||||
.svg-icon {
|
||||
color: #666;
|
||||
font-size: 18px;
|
||||
}
|
||||
}
|
||||
|
||||
.components-body {
|
||||
padding: 8px 10px;
|
||||
background: $selectedColor;
|
||||
font-size: 12px;
|
||||
cursor: move;
|
||||
border: 1px dashed $selectedColor;
|
||||
border-radius: 3px;
|
||||
.svg-icon {
|
||||
color: #777;
|
||||
font-size: 15px;
|
||||
}
|
||||
&:hover {
|
||||
border: 1px dashed #787be8;
|
||||
color: #787be8;
|
||||
.svg-icon {
|
||||
color: #787be8;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.left-board {
|
||||
width: 260px;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
height: 100vh;
|
||||
}
|
||||
.left-scrollbar{
|
||||
height: calc(100vh - 42px);
|
||||
overflow: hidden;
|
||||
}
|
||||
.center-scrollbar {
|
||||
height: calc(100vh - 42px);
|
||||
overflow: hidden;
|
||||
border-left: 1px solid #f1e8e8;
|
||||
border-right: 1px solid #f1e8e8;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
.center-board {
|
||||
height: 100vh;
|
||||
width: auto;
|
||||
margin: 0 350px 0 260px;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
.empty-info {
|
||||
position: absolute;
|
||||
top: 46%;
|
||||
left: 0;
|
||||
right: 0;
|
||||
text-align: center;
|
||||
font-size: 18px;
|
||||
color: #ccb1ea;
|
||||
letter-spacing: 4px;
|
||||
}
|
||||
.action-bar {
|
||||
position: relative;
|
||||
height: 42px;
|
||||
text-align: right;
|
||||
padding: 0 15px;
|
||||
box-sizing: border-box;;
|
||||
border: 1px solid #f1e8e8;
|
||||
border-top: none;
|
||||
border-left: none;
|
||||
.delete-btn {
|
||||
color: #F56C6C;
|
||||
}
|
||||
}
|
||||
.logo-wrapper {
|
||||
position: relative;
|
||||
height: 42px;
|
||||
background: #fff;
|
||||
border-bottom: 1px solid #f1e8e8;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
.logo {
|
||||
position: absolute;
|
||||
left: 12px;
|
||||
top: 6px;
|
||||
line-height: 30px;
|
||||
color: #00afff;
|
||||
font-weight: 600;
|
||||
font-size: 17px;
|
||||
white-space: nowrap;
|
||||
> img {
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
vertical-align: top;
|
||||
}
|
||||
.github {
|
||||
display: inline-block;
|
||||
vertical-align: sub;
|
||||
margin-left: 15px;
|
||||
> img {
|
||||
height: 22px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.center-board-row {
|
||||
padding: 12px 12px 15px 12px;
|
||||
box-sizing: border-box;
|
||||
& > .el-form {
|
||||
// 69 = 12+15+42
|
||||
height: calc(100vh - 69px);
|
||||
}
|
||||
}
|
||||
.drawing-board {
|
||||
height: 100%;
|
||||
position: relative;
|
||||
.components-body {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
font-size: 0;
|
||||
}
|
||||
.sortable-ghost {
|
||||
position: relative;
|
||||
display: block;
|
||||
overflow: hidden;
|
||||
&::before {
|
||||
content: " ";
|
||||
position: absolute;
|
||||
left: 0;
|
||||
right: 0;
|
||||
top: 0;
|
||||
height: 3px;
|
||||
background: rgb(89, 89, 223);
|
||||
z-index: 2;
|
||||
}
|
||||
}
|
||||
.components-item.sortable-ghost {
|
||||
width: 100%;
|
||||
height: 60px;
|
||||
background-color: $selectedColor;
|
||||
}
|
||||
.active-from-item {
|
||||
& > .el-form-item {
|
||||
background: $selectedColor;
|
||||
border-radius: 6px;
|
||||
}
|
||||
& > .drawing-item-copy, & > .drawing-item-delete {
|
||||
display: initial;
|
||||
}
|
||||
& > .component-name {
|
||||
color: $lighterBlue;
|
||||
}
|
||||
}
|
||||
.el-form-item {
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
}
|
||||
.drawing-item {
|
||||
position: relative;
|
||||
cursor: move;
|
||||
&.unfocus-bordered:not(.active-from-item) > div:first-child {
|
||||
border: 1px dashed #ccc;
|
||||
}
|
||||
.el-form-item {
|
||||
padding: 12px 10px;
|
||||
}
|
||||
}
|
||||
.drawing-row-item {
|
||||
position: relative;
|
||||
cursor: move;
|
||||
box-sizing: border-box;
|
||||
border: 1px dashed #ccc;
|
||||
border-radius: 3px;
|
||||
padding: 0 2px;
|
||||
margin-bottom: 15px;
|
||||
.drawing-row-item {
|
||||
margin-bottom: 2px;
|
||||
}
|
||||
.el-col {
|
||||
margin-top: 22px;
|
||||
}
|
||||
.el-form-item {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.drag-wrapper {
|
||||
min-height: 80px;
|
||||
}
|
||||
&.active-from-item {
|
||||
border: 1px dashed $lighterBlue;
|
||||
}
|
||||
.component-name {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
font-size: 12px;
|
||||
color: #bbb;
|
||||
display: inline-block;
|
||||
padding: 0 6px;
|
||||
}
|
||||
}
|
||||
.drawing-item, .drawing-row-item {
|
||||
&:hover {
|
||||
& > .el-form-item {
|
||||
background: $selectedColor;
|
||||
border-radius: 6px;
|
||||
}
|
||||
& > .drawing-item-copy, & > .drawing-item-delete {
|
||||
display: initial;
|
||||
}
|
||||
}
|
||||
& > .drawing-item-copy, & > .drawing-item-delete {
|
||||
display: none;
|
||||
position: absolute;
|
||||
top: -10px;
|
||||
width: 22px;
|
||||
height: 22px;
|
||||
line-height: 22px;
|
||||
text-align: center;
|
||||
border-radius: 50%;
|
||||
font-size: 12px;
|
||||
border: 1px solid;
|
||||
cursor: pointer;
|
||||
z-index: 1;
|
||||
}
|
||||
& > .drawing-item-copy {
|
||||
right: 56px;
|
||||
border-color: $lighterBlue;
|
||||
color: $lighterBlue;
|
||||
background: #fff;
|
||||
&:hover {
|
||||
background: $lighterBlue;
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
& > .drawing-item-delete {
|
||||
right: 24px;
|
||||
border-color: #F56C6C;
|
||||
color: #F56C6C;
|
||||
background: #fff;
|
||||
&:hover {
|
||||
background: #F56C6C;
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
}
|
||||
@ -1,527 +0,0 @@
|
||||
@import './variables.scss';
|
||||
@import './mixin.scss';
|
||||
@import './transition.scss';
|
||||
@import './element-ui.scss';
|
||||
@import './sidebar.scss';
|
||||
@import './btn.scss';
|
||||
|
||||
body {
|
||||
height: 100%;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
text-rendering: optimizeLegibility;
|
||||
font-family: Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Arial, sans-serif;
|
||||
}
|
||||
|
||||
label {
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
html {
|
||||
height: 100%;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
#app {
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
*,
|
||||
*:before,
|
||||
*:after {
|
||||
box-sizing: inherit;
|
||||
}
|
||||
|
||||
.no-padding {
|
||||
padding: 0px !important;
|
||||
}
|
||||
|
||||
.padding-content {
|
||||
padding: 4px 0;
|
||||
}
|
||||
|
||||
a:focus,
|
||||
a:active {
|
||||
outline: none;
|
||||
}
|
||||
|
||||
a,
|
||||
a:focus,
|
||||
a:hover {
|
||||
cursor: pointer;
|
||||
color: inherit;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
div:focus {
|
||||
outline: none;
|
||||
}
|
||||
|
||||
.fr {
|
||||
float: right;
|
||||
}
|
||||
|
||||
.fl {
|
||||
float: left;
|
||||
}
|
||||
|
||||
.pr-5 {
|
||||
padding-right: 5px;
|
||||
}
|
||||
|
||||
.pl-5 {
|
||||
padding-left: 5px;
|
||||
}
|
||||
|
||||
.block {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.pointer {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.inlineBlock {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.clearfix {
|
||||
&:after {
|
||||
visibility: hidden;
|
||||
display: block;
|
||||
font-size: 0;
|
||||
content: " ";
|
||||
clear: both;
|
||||
height: 0;
|
||||
}
|
||||
}
|
||||
|
||||
aside {
|
||||
background: #eef1f6;
|
||||
padding: 8px 24px;
|
||||
margin-bottom: 20px;
|
||||
border-radius: 2px;
|
||||
display: block;
|
||||
line-height: 32px;
|
||||
font-size: 16px;
|
||||
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
|
||||
color: #2c3e50;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
|
||||
a {
|
||||
color: #337ab7;
|
||||
cursor: pointer;
|
||||
|
||||
&:hover {
|
||||
color: rgb(32, 160, 255);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
//main-container全局样式
|
||||
.app-container {
|
||||
padding: 20px;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
overflow-y: auto;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.components-container {
|
||||
margin: 30px 50px;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.pagination-container {
|
||||
margin-top: 30px;
|
||||
}
|
||||
|
||||
.text-center {
|
||||
text-align: center
|
||||
}
|
||||
|
||||
.sub-navbar {
|
||||
height: 50px;
|
||||
line-height: 50px;
|
||||
position: relative;
|
||||
width: 100%;
|
||||
text-align: right;
|
||||
padding-right: 20px;
|
||||
transition: 600ms ease position;
|
||||
background: linear-gradient(90deg, rgba(32, 182, 249, 1) 0%, rgba(32, 182, 249, 1) 0%, rgba(33, 120, 241, 1) 100%, rgba(33, 120, 241, 1) 100%);
|
||||
|
||||
.subtitle {
|
||||
font-size: 20px;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
&.draft {
|
||||
background: #d0d0d0;
|
||||
}
|
||||
|
||||
&.deleted {
|
||||
background: #d0d0d0;
|
||||
}
|
||||
}
|
||||
|
||||
.link-type,
|
||||
.link-type:focus {
|
||||
color: #337ab7;
|
||||
cursor: pointer;
|
||||
|
||||
&:hover {
|
||||
color: rgb(32, 160, 255);
|
||||
}
|
||||
}
|
||||
|
||||
.filter-container {
|
||||
padding-bottom: 10px;
|
||||
|
||||
.filter-input {
|
||||
width: 150px;
|
||||
margin-right: 10px;
|
||||
}
|
||||
|
||||
.filter-item {
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
}
|
||||
|
||||
//refine vue-multiselect plugin
|
||||
.multiselect {
|
||||
line-height: 16px;
|
||||
}
|
||||
|
||||
.multiselect--active {
|
||||
z-index: 1000 !important;
|
||||
}
|
||||
|
||||
.center-tabs {
|
||||
.el-tabs__header {
|
||||
margin-bottom: 0!important;
|
||||
}
|
||||
.el-tabs__item {
|
||||
width: 50%;
|
||||
text-align: center;
|
||||
}
|
||||
.el-tabs__nav {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
::-webkit-scrollbar {
|
||||
width: 8px;
|
||||
height: 8px;
|
||||
}
|
||||
::-webkit-scrollbar-thumb {
|
||||
background-color: #C0D4F0;
|
||||
border-radius: 3px;
|
||||
}
|
||||
|
||||
// formgenerator
|
||||
$editorTabsborderColor: #121315;
|
||||
.editor-tabs {
|
||||
background: $editorTabsborderColor;
|
||||
.el-tabs__header {
|
||||
margin: 0;
|
||||
border-bottom-color: $editorTabsborderColor;
|
||||
.el-tabs__nav {
|
||||
border-color: $editorTabsborderColor;
|
||||
}
|
||||
}
|
||||
.el-tabs__item {
|
||||
height: 32px;
|
||||
line-height: 32px;
|
||||
color: #888a8e;
|
||||
border-left: 1px solid $editorTabsborderColor!important;
|
||||
background: #363636;
|
||||
margin-right: 5px;
|
||||
user-select: none;
|
||||
}
|
||||
.el-tabs__item.is-active {
|
||||
background: #1e1e1e;
|
||||
border-bottom-color: #1e1e1e!important;
|
||||
color: #fff;
|
||||
}
|
||||
.el-icon-edit {
|
||||
color: #f1fa8c;
|
||||
}
|
||||
.el-icon-document {
|
||||
color: #a95812;
|
||||
}
|
||||
:focus.is-active.is-focus:not(:active) {
|
||||
box-shadow: none;
|
||||
border-radius: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.right-scrollbar {
|
||||
.el-scrollbar__view {
|
||||
padding: 12px 18px 15px 15px;
|
||||
}
|
||||
}
|
||||
|
||||
.reg-item {
|
||||
padding: 12px 6px;
|
||||
background: #f8f8f8;
|
||||
position: relative;
|
||||
border-radius: 4px;
|
||||
.close-btn {
|
||||
position: absolute;
|
||||
right: -6px;
|
||||
top: -6px;
|
||||
display: block;
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
line-height: 16px;
|
||||
background: rgba(0, 0, 0, 0.2);
|
||||
border-radius: 50%;
|
||||
color: #fff;
|
||||
text-align: center;
|
||||
z-index: 1;
|
||||
cursor: pointer;
|
||||
font-size: 12px;
|
||||
&:hover {
|
||||
background: rgba(210, 23, 23, 0.5)
|
||||
}
|
||||
}
|
||||
& + .reg-item {
|
||||
margin-top: 18px;
|
||||
}
|
||||
}
|
||||
|
||||
.action-bar {
|
||||
& .el-button+.el-button {
|
||||
margin-left: 15px;
|
||||
}
|
||||
& i {
|
||||
font-size: 20px;
|
||||
vertical-align: middle;
|
||||
position: relative;
|
||||
top: -1px;
|
||||
}
|
||||
}
|
||||
|
||||
.custom-tree-node {
|
||||
width: 100%;
|
||||
font-size: 14px;
|
||||
.node-operation {
|
||||
float: right;
|
||||
}
|
||||
i[class*="el-icon"] + i[class*="el-icon"] {
|
||||
margin-left: 6px;
|
||||
}
|
||||
.el-icon-plus {
|
||||
color: #409EFF;
|
||||
}
|
||||
.el-icon-delete {
|
||||
color: #157a0c;
|
||||
}
|
||||
}
|
||||
|
||||
//
|
||||
.popoverTo {
|
||||
.el-popover__title {
|
||||
|
||||
font-size: 14px;
|
||||
}
|
||||
}
|
||||
|
||||
// 弹窗和内弹窗
|
||||
.pop-up,
|
||||
.inner-pop-up,
|
||||
.pop-up-height {
|
||||
display: flex;
|
||||
|
||||
// 弹窗内边据
|
||||
.el-dialog__body {
|
||||
padding: 0px 20px;
|
||||
}
|
||||
.dataForm {
|
||||
border-top: 1px solid #ccc;
|
||||
padding: 20px 0;
|
||||
}
|
||||
// 弹窗里面的表单的外边距设置 el-dialog-bottom
|
||||
.el-dialog-bottom {
|
||||
margin-bottom: 10px;
|
||||
margin-top: 5px;
|
||||
}
|
||||
// 弹窗标题加粗 title 粘性定位固定在顶部
|
||||
.el-dialog__header {
|
||||
position: sticky;
|
||||
top: 0;
|
||||
background-color: #FFFFFF;
|
||||
box-shadow: 0 1px 2px 1px #f0f0f0;
|
||||
z-index: 9999;
|
||||
.el-dialog__title {
|
||||
font-weight: bold;
|
||||
}
|
||||
}
|
||||
// 限制弹窗的高度
|
||||
.el-dialog {
|
||||
max-height: calc(100% - 10vh ) !important;
|
||||
// min-height: 20vh;
|
||||
margin: auto !important;
|
||||
overflow: auto;
|
||||
position: relative;
|
||||
// 个性化-固定在容器顶部
|
||||
.content-fixed-top {
|
||||
position: fixed;
|
||||
padding-top: 10px;
|
||||
margin-top: 2px;
|
||||
z-index: 9999;
|
||||
background-color: #fff;
|
||||
}
|
||||
// 个性化-中部
|
||||
.content-fixed-conter {
|
||||
padding-top: 50px;
|
||||
}
|
||||
// 个性化-固定底部
|
||||
.content-fixed-bottom {
|
||||
position: sticky;
|
||||
bottom: 0;
|
||||
z-index: 9999;
|
||||
background-color: #fff;
|
||||
.pagination-container {
|
||||
margin-top: 0;
|
||||
padding: 25px 0;
|
||||
}
|
||||
|
||||
}
|
||||
.filter-container {
|
||||
|
||||
padding-bottom: 0px;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
.pop-up-height {
|
||||
.el-dialog {
|
||||
height: calc(100% - 10vh ) !important;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
// 表单里面的input框 手动添加icon 图标
|
||||
.icon_style {
|
||||
|
||||
.el-form-item__content{
|
||||
position: relative;
|
||||
}
|
||||
.icon {
|
||||
width: calc(100% - 47px);
|
||||
height: calc(100% - 2px);
|
||||
color: #C0C4CC;
|
||||
transform: translateY(-50%);
|
||||
display: flex;
|
||||
align-content: center;
|
||||
justify-content: flex-end;
|
||||
position: absolute ;
|
||||
top: 50%;
|
||||
left: 0;
|
||||
.el-icon-circle-close{
|
||||
line-height: inherit;
|
||||
background-color: #fff;
|
||||
padding: 0 8px;
|
||||
&:hover {
|
||||
color: #1890FF;
|
||||
cursor: pointer;
|
||||
}
|
||||
}
|
||||
}
|
||||
.el-input__suffix {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
.app-sticky {
|
||||
width: 100%;
|
||||
height: calc(100vh - 84px);
|
||||
overflow-y: auto;
|
||||
box-sizing: border-box;
|
||||
padding: 0 20px;
|
||||
// 表格的导航栏 粘性定位国定
|
||||
.positionStl {
|
||||
position: sticky;
|
||||
top: 0;
|
||||
z-index: 20;
|
||||
background-color: #fff;
|
||||
padding-top: 10px;
|
||||
box-sizing: border-box;
|
||||
|
||||
.filter-container {
|
||||
padding-bottom: 0;
|
||||
}
|
||||
}
|
||||
.pagination-container {
|
||||
margin-top: 0;
|
||||
padding: 10px 16px !important;
|
||||
position: sticky;
|
||||
bottom: 0;
|
||||
z-index: 20;
|
||||
}
|
||||
|
||||
#screenfull-container {
|
||||
height: calc( 100% - 94px - 52px );
|
||||
.mainHeight {
|
||||
height: calc( 100% - 23px )
|
||||
}
|
||||
#tableData {
|
||||
tr td .cell {
|
||||
line-height: initial !important;
|
||||
// 超出两行 以省略号显示
|
||||
overflow : hidden;
|
||||
text-overflow: ellipsis;
|
||||
display: -webkit-box;
|
||||
-webkit-line-clamp: 2; // 控制几行
|
||||
-webkit-box-orient: vertical;
|
||||
}
|
||||
|
||||
|
||||
.el-button--small {
|
||||
padding: 0px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
// 黑色字体
|
||||
.el-input.is-disabled .el-input__inner {
|
||||
color: #000;
|
||||
|
||||
}
|
||||
|
||||
// 让input number类型的标签不产生上下加减的按钮
|
||||
input::-webkit-outer-spin-button,
|
||||
input::-webkit-inner-spin-button {
|
||||
-webkit-appearance: none !important;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
// 自定义加载
|
||||
.daoru .el-loading-mask .el-loading-spinner {
|
||||
font-size: 50px;
|
||||
.el-loading-text {
|
||||
font-size: 20px;
|
||||
}
|
||||
}
|
||||
|
||||
// el-divider 组件的修改样式
|
||||
.divider {
|
||||
margin: 30px 0 !important;
|
||||
.el-divider__text {
|
||||
font-weight: bold;
|
||||
font-size: 17px;
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
// 加载中 .el-loading-spinner .circular
|
||||
.el-loading-spinner .circular {
|
||||
width: 70px;
|
||||
height: 70px;
|
||||
}
|
||||
@ -1,100 +0,0 @@
|
||||
@mixin clearfix {
|
||||
&:after {
|
||||
content: "";
|
||||
display: table;
|
||||
clear: both;
|
||||
}
|
||||
}
|
||||
|
||||
@mixin scrollBar {
|
||||
&::-webkit-scrollbar-track-piece {
|
||||
background: #d3dce6;
|
||||
}
|
||||
|
||||
&::-webkit-scrollbar {
|
||||
width: 6px;
|
||||
}
|
||||
|
||||
&::-webkit-scrollbar-thumb {
|
||||
background: #99a9bf;
|
||||
border-radius: 20px;
|
||||
}
|
||||
}
|
||||
|
||||
@mixin relative {
|
||||
position: relative;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
@mixin pct($pct) {
|
||||
width: #{$pct};
|
||||
position: relative;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
@mixin triangle($width, $height, $color, $direction) {
|
||||
$width: $width/2;
|
||||
$color-border-style: $height solid $color;
|
||||
$transparent-border-style: $width solid transparent;
|
||||
height: 0;
|
||||
width: 0;
|
||||
|
||||
@if $direction==up {
|
||||
border-bottom: $color-border-style;
|
||||
border-left: $transparent-border-style;
|
||||
border-right: $transparent-border-style;
|
||||
}
|
||||
|
||||
@else if $direction==right {
|
||||
border-left: $color-border-style;
|
||||
border-top: $transparent-border-style;
|
||||
border-bottom: $transparent-border-style;
|
||||
}
|
||||
|
||||
@else if $direction==down {
|
||||
border-top: $color-border-style;
|
||||
border-left: $transparent-border-style;
|
||||
border-right: $transparent-border-style;
|
||||
}
|
||||
|
||||
@else if $direction==left {
|
||||
border-right: $color-border-style;
|
||||
border-top: $transparent-border-style;
|
||||
border-bottom: $transparent-border-style;
|
||||
}
|
||||
}
|
||||
|
||||
@mixin action-bar {
|
||||
.action-bar {
|
||||
height: 33px;
|
||||
background: #f2fafb;
|
||||
padding: 0 15px;
|
||||
box-sizing: border-box;
|
||||
|
||||
.bar-btn {
|
||||
display: inline-block;
|
||||
padding: 0 6px;
|
||||
line-height: 32px;
|
||||
color: #8285f5;
|
||||
cursor: pointer;
|
||||
font-size: 14px;
|
||||
user-select: none;
|
||||
& i {
|
||||
font-size: 20px;
|
||||
}
|
||||
&:hover {
|
||||
color: #4348d4;
|
||||
}
|
||||
}
|
||||
.bar-btn + .bar-btn {
|
||||
margin-left: 8px;
|
||||
}
|
||||
.delete-btn {
|
||||
color: #f56c6c;
|
||||
&:hover {
|
||||
color: #ea0b30;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@ -1,226 +0,0 @@
|
||||
#app {
|
||||
|
||||
.main-container {
|
||||
min-height: 100%;
|
||||
transition: margin-left .28s;
|
||||
margin-left: $sideBarWidth;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.sidebar-container {
|
||||
transition: width 0.28s;
|
||||
width: $sideBarWidth !important;
|
||||
background-color: $menuBg;
|
||||
height: 100%;
|
||||
position: fixed;
|
||||
font-size: 0px;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
z-index: 1001;
|
||||
overflow: hidden;
|
||||
|
||||
// reset element-ui css
|
||||
.horizontal-collapse-transition {
|
||||
transition: 0s width ease-in-out, 0s padding-left ease-in-out, 0s padding-right ease-in-out;
|
||||
}
|
||||
|
||||
.scrollbar-wrapper {
|
||||
overflow-x: hidden !important;
|
||||
}
|
||||
|
||||
.el-scrollbar__bar.is-vertical {
|
||||
right: 0px;
|
||||
}
|
||||
|
||||
.el-scrollbar {
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
&.has-logo {
|
||||
.el-scrollbar {
|
||||
height: calc(100% - 50px);
|
||||
}
|
||||
}
|
||||
|
||||
.is-horizontal {
|
||||
display: none;
|
||||
}
|
||||
|
||||
a {
|
||||
display: inline-block;
|
||||
width: 100%;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.svg-icon {
|
||||
margin-right: 16px;
|
||||
}
|
||||
|
||||
.sub-el-icon {
|
||||
margin-right: 12px;
|
||||
margin-left: -2px;
|
||||
}
|
||||
|
||||
.el-menu {
|
||||
border: none;
|
||||
height: 100%;
|
||||
width: 100% !important;
|
||||
}
|
||||
|
||||
// menu hover
|
||||
.submenu-title-noDropdown,
|
||||
.el-submenu__title {
|
||||
&:hover {
|
||||
background-color: $menuHover !important;
|
||||
}
|
||||
}
|
||||
|
||||
.is-active>.el-submenu__title {
|
||||
color: $subMenuActiveText !important;
|
||||
}
|
||||
|
||||
& .nest-menu .el-submenu>.el-submenu__title,
|
||||
& .el-submenu .el-menu-item {
|
||||
min-width: $sideBarWidth !important;
|
||||
background-color: $subMenuBg !important;
|
||||
|
||||
&:hover {
|
||||
background-color: $subMenuHover !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.hideSidebar {
|
||||
.sidebar-container {
|
||||
width: 54px !important;
|
||||
}
|
||||
|
||||
.main-container {
|
||||
margin-left: 54px;
|
||||
}
|
||||
|
||||
.submenu-title-noDropdown {
|
||||
padding: 0 !important;
|
||||
position: relative;
|
||||
|
||||
.el-tooltip {
|
||||
padding: 0 !important;
|
||||
|
||||
.svg-icon {
|
||||
margin-left: 20px;
|
||||
}
|
||||
|
||||
.sub-el-icon {
|
||||
margin-left: 19px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.el-submenu {
|
||||
overflow: hidden;
|
||||
|
||||
&>.el-submenu__title {
|
||||
padding: 0 !important;
|
||||
|
||||
.svg-icon {
|
||||
margin-left: 20px;
|
||||
}
|
||||
|
||||
.sub-el-icon {
|
||||
margin-left: 19px;
|
||||
}
|
||||
|
||||
.el-submenu__icon-arrow {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.el-menu--collapse {
|
||||
.el-submenu {
|
||||
&>.el-submenu__title {
|
||||
&>span {
|
||||
height: 0;
|
||||
width: 0;
|
||||
overflow: hidden;
|
||||
visibility: hidden;
|
||||
display: inline-block;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.el-menu--collapse .el-menu .el-submenu {
|
||||
min-width: $sideBarWidth !important;
|
||||
}
|
||||
|
||||
// mobile responsive
|
||||
.mobile {
|
||||
.main-container {
|
||||
margin-left: 0px;
|
||||
}
|
||||
|
||||
.sidebar-container {
|
||||
transition: transform .28s;
|
||||
width: $sideBarWidth !important;
|
||||
}
|
||||
|
||||
&.hideSidebar {
|
||||
.sidebar-container {
|
||||
pointer-events: none;
|
||||
transition-duration: 0.3s;
|
||||
transform: translate3d(-$sideBarWidth, 0, 0);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.withoutAnimation {
|
||||
|
||||
.main-container,
|
||||
.sidebar-container {
|
||||
transition: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// when menu collapsed
|
||||
.el-menu--vertical {
|
||||
&>.el-menu {
|
||||
.svg-icon {
|
||||
margin-right: 16px;
|
||||
}
|
||||
.sub-el-icon {
|
||||
margin-right: 12px;
|
||||
margin-left: -2px;
|
||||
}
|
||||
}
|
||||
|
||||
.nest-menu .el-submenu>.el-submenu__title,
|
||||
.el-menu-item {
|
||||
&:hover {
|
||||
// you can use $subMenuHover
|
||||
background-color: $menuHover !important;
|
||||
}
|
||||
}
|
||||
|
||||
// the scroll bar appears when the subMenu is too long
|
||||
>.el-menu--popup {
|
||||
max-height: 100vh;
|
||||
overflow-y: auto;
|
||||
|
||||
&::-webkit-scrollbar-track-piece {
|
||||
background: #d3dce6;
|
||||
}
|
||||
|
||||
&::-webkit-scrollbar {
|
||||
width: 6px;
|
||||
}
|
||||
|
||||
&::-webkit-scrollbar-thumb {
|
||||
background: #99a9bf;
|
||||
border-radius: 20px;
|
||||
}
|
||||
}
|
||||
}
|
||||
@ -1,48 +0,0 @@
|
||||
// global transition css
|
||||
|
||||
/* fade */
|
||||
.fade-enter-active,
|
||||
.fade-leave-active {
|
||||
transition: opacity 0.28s;
|
||||
}
|
||||
|
||||
.fade-enter,
|
||||
.fade-leave-active {
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
/* fade-transform */
|
||||
.fade-transform-leave-active,
|
||||
.fade-transform-enter-active {
|
||||
transition: all .5s;
|
||||
}
|
||||
|
||||
.fade-transform-enter {
|
||||
opacity: 0;
|
||||
transform: translateX(-30px);
|
||||
}
|
||||
|
||||
.fade-transform-leave-to {
|
||||
opacity: 0;
|
||||
transform: translateX(30px);
|
||||
}
|
||||
|
||||
/* breadcrumb transition */
|
||||
.breadcrumb-enter-active,
|
||||
.breadcrumb-leave-active {
|
||||
transition: all .5s;
|
||||
}
|
||||
|
||||
.breadcrumb-enter,
|
||||
.breadcrumb-leave-active {
|
||||
opacity: 0;
|
||||
transform: translateX(20px);
|
||||
}
|
||||
|
||||
.breadcrumb-move {
|
||||
transition: all .5s;
|
||||
}
|
||||
|
||||
.breadcrumb-leave-active {
|
||||
position: absolute;
|
||||
}
|
||||
@ -1,35 +0,0 @@
|
||||
// base color
|
||||
$blue:#324157;
|
||||
$light-blue:#3A71A8;
|
||||
$red:#C03639;
|
||||
$pink: #E65D6E;
|
||||
$green: #30B08F;
|
||||
$tiffany: #4AB7BD;
|
||||
$yellow:#FEC171;
|
||||
$panGreen: #30B08F;
|
||||
|
||||
// sidebar
|
||||
$menuText:#bfcbd9;
|
||||
$menuActiveText:#409EFF;
|
||||
$subMenuActiveText:#f4f4f5;
|
||||
|
||||
$menuBg:#304156;
|
||||
$menuHover:#263445;
|
||||
|
||||
$subMenuBg:#1f2d3d;
|
||||
$subMenuHover:#001528;
|
||||
|
||||
$sideBarWidth: 210px;
|
||||
|
||||
// the :export directive is the magic sauce for webpack
|
||||
// https://www.bluematador.com/blog/how-to-share-variables-between-js-and-sass
|
||||
:export {
|
||||
menuText: $menuText;
|
||||
menuActiveText: $menuActiveText;
|
||||
subMenuActiveText: $subMenuActiveText;
|
||||
menuBg: $menuBg;
|
||||
menuHover: $menuHover;
|
||||
subMenuBg: $subMenuBg;
|
||||
subMenuHover: $subMenuHover;
|
||||
sideBarWidth: $sideBarWidth;
|
||||
}
|
||||
@ -1,33 +0,0 @@
|
||||
import Cookies from 'js-cookie'
|
||||
|
||||
const TokenKey = 'kdservice-sessionid'
|
||||
|
||||
export function getToken() {
|
||||
// console.log('取出to'+Cookies.get(TokenKey))
|
||||
return Cookies.get(TokenKey)
|
||||
}
|
||||
|
||||
export function setToken(token) {
|
||||
// console.log('设置传入to'+token)
|
||||
return Cookies.set(TokenKey, token)
|
||||
}
|
||||
|
||||
export function removeToken() {
|
||||
return Cookies.remove(TokenKey)
|
||||
}
|
||||
|
||||
|
||||
|
||||
const CookieKey = 'cookie'
|
||||
|
||||
export function getCookie() {
|
||||
return Cookies.get(CookieKey)
|
||||
}
|
||||
|
||||
export function setCookie(cookie) {
|
||||
return Cookies.set(CookieKey, cookie)
|
||||
}
|
||||
|
||||
export function removeCookie() {
|
||||
return Cookies.remove(CookieKey)
|
||||
}
|
||||
@ -1,61 +0,0 @@
|
||||
import axios from 'axios'
|
||||
import { Message } from 'element-ui'
|
||||
import store from '@/store'
|
||||
import {getCookie, getToken} from '@/utils/auth'
|
||||
|
||||
// create an axios instance
|
||||
const service = axios.create({
|
||||
// baseURL: "http://1.14.142.111:9090", // url = base url + request url
|
||||
// withCredentials: true, // send cookies when cross-domain requests
|
||||
timeout: 5000, // request timeout
|
||||
})
|
||||
|
||||
// request interceptor
|
||||
service.interceptors.request.use(
|
||||
config => {
|
||||
// do something before request is sent
|
||||
if (store.getters.token) {
|
||||
// config.headers['Cookie'] = 'kdservice-sessionid=' + getToken()
|
||||
// config.headers['kdservice'] = getToken()
|
||||
}
|
||||
config.headers['Cookie'] = 'kdservice-sessionid=' + getToken()
|
||||
config.headers['Content-Type'] = 'application/json'
|
||||
|
||||
return config
|
||||
},
|
||||
error => {
|
||||
// do something with request error
|
||||
console.log(error) // for debug
|
||||
return Promise.reject(error)
|
||||
}
|
||||
)
|
||||
|
||||
// response interceptor
|
||||
service.interceptors.response.use(
|
||||
/**
|
||||
* If you want to get http information such as headers or status
|
||||
* Please return response => response
|
||||
*/
|
||||
|
||||
/**
|
||||
* Determine the request status by custom code
|
||||
* Here is just an example
|
||||
* You can also judge the status by HTTP Status Code
|
||||
*/
|
||||
response => {
|
||||
const res = response.data
|
||||
// if the custom code is not 200, it is judged as an error.
|
||||
if (res.code && res.code !== 200) {
|
||||
Message({
|
||||
message: res.message || 'Error',
|
||||
type: 'error',
|
||||
duration: 5 * 1000
|
||||
})
|
||||
return Promise.reject(new Error(res.message || 'Error'))
|
||||
} else {
|
||||
return res
|
||||
}
|
||||
},
|
||||
)
|
||||
|
||||
export default service
|
||||
@ -1,5 +0,0 @@
|
||||
<template>
|
||||
<div class="about">
|
||||
<h1>This is an about page</h1>
|
||||
</div>
|
||||
</template>
|
||||
@ -1,18 +0,0 @@
|
||||
<template>
|
||||
<div class="home">
|
||||
<img alt="Vue logo" src="../assets/logo.png">
|
||||
<HelloWorld msg="Welcome to Your Vue.js App"/>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
// @ is an alias to /src
|
||||
import HelloWorld from '@/components/HelloWorld.vue'
|
||||
|
||||
export default {
|
||||
name: 'HomeView',
|
||||
components: {
|
||||
HelloWorld
|
||||
}
|
||||
}
|
||||
</script>
|
||||
@ -1,341 +0,0 @@
|
||||
<template>
|
||||
<div class="login-container">
|
||||
<div class="login-form">
|
||||
|
||||
<div class="title-container">
|
||||
<h3 class="title">
|
||||
供应商验证
|
||||
</h3>
|
||||
<div class="desc"> </div>
|
||||
</div>
|
||||
|
||||
<el-tabs v-model="activeName" stretch>
|
||||
<el-tab-pane label="供应商登录" name="first">
|
||||
<el-form ref="loginForm" :model="loginForm" :rules="loginRules" autocomplete="on" label-position="left">
|
||||
<el-form-item prop="Username">
|
||||
<span class="svg-container">
|
||||
<svg-icon icon-class="user" />
|
||||
</span>
|
||||
<el-input
|
||||
ref="Username"
|
||||
v-model="loginForm.Username"
|
||||
placeholder="供应商名称"
|
||||
name="Username"
|
||||
type="text"
|
||||
tabindex="2"
|
||||
autocomplete="on"
|
||||
style="width: 85%"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-tooltip content="Caps lock is On" placement="right" manual>
|
||||
<el-form-item prop="Password">
|
||||
<span class="svg-container">
|
||||
<svg-icon icon-class="password" />
|
||||
</span>
|
||||
<el-input
|
||||
key="passwordType"
|
||||
ref="Password"
|
||||
v-model="loginForm.Password"
|
||||
placeholder="供应商编码"
|
||||
name="Password"
|
||||
tabindex="3"
|
||||
autocomplete="on"
|
||||
show-password
|
||||
style="width: 85%"
|
||||
/>
|
||||
</el-form-item>
|
||||
</el-tooltip>
|
||||
</el-form>
|
||||
</el-tab-pane>
|
||||
</el-tabs>
|
||||
<div>
|
||||
<el-button v-if="loginType" :loading="loading" type="primary" style="width:100%;margin-bottom:30px;" @click.native.prevent="loginSubmit()">
|
||||
登录
|
||||
</el-button>
|
||||
|
||||
</div>
|
||||
<!-- <div class="forgotregister">-->
|
||||
<!-- <router-link :to="{path: '/forgotpassword', query: { } }">-->
|
||||
<!-- <span style="float: left">{{ $t('login.forgotPassword') }}</span>-->
|
||||
<!-- </router-link>-->
|
||||
|
||||
<!-- </div>-->
|
||||
</div>
|
||||
<div class="globalFooter">
|
||||
<div class="copyright">Copyright ©2022 珠海格致软件有限公司</div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
|
||||
import {login, supplierLogin} from "@/api/login";
|
||||
import * as auth from "@/utils/auth.js"
|
||||
|
||||
export default {
|
||||
name: 'Login',
|
||||
data() {
|
||||
return {
|
||||
loading : false,
|
||||
activeName:'first',
|
||||
loginType:false,
|
||||
FBILLNO:'',
|
||||
loginForm:{
|
||||
Username:"",
|
||||
Password:"",
|
||||
},
|
||||
loginRules: {
|
||||
Username: [{ required: true, message: "请输入用户名", trigger: "blur" }],
|
||||
Password: [{ required: true, message: "请输入密码", trigger: "blur" }],
|
||||
},
|
||||
data:{
|
||||
FormId:"kafe2f22a0498441f9109c31cf5586da5",
|
||||
FieldKeys:"FBILLNO,FSupplierId.FName",
|
||||
FilterString:"",
|
||||
OrderString:"",
|
||||
TopRowCount:"0",
|
||||
StartRow:"0",
|
||||
Limit:100
|
||||
}
|
||||
}
|
||||
},
|
||||
watch: {
|
||||
|
||||
},
|
||||
created() {
|
||||
this.FBILLNO=this.$route.query.FBILLNO
|
||||
if (this.$route.query.FBILLNO !== undefined){
|
||||
this.loginType=true;
|
||||
}
|
||||
},
|
||||
mounted() {
|
||||
|
||||
},
|
||||
destroyed() {
|
||||
|
||||
},
|
||||
methods: {
|
||||
loginSubmit(){
|
||||
this.$refs.loginForm.validate(valid => {
|
||||
if (valid) {
|
||||
this.getToken()
|
||||
let FilterString="FBILLNO like'%"+this.FBILLNO+"'";
|
||||
this.data.FilterString=FilterString;
|
||||
//供应商验证
|
||||
// supplierLogin(this.data).then(res =>{
|
||||
// console.log(res)
|
||||
// })
|
||||
}
|
||||
})
|
||||
|
||||
},
|
||||
|
||||
getToken(){
|
||||
let loginList={
|
||||
acctID:"63e200975197e2",
|
||||
Username:"王扶民",
|
||||
Password:"888888",
|
||||
Lcid:"2052",
|
||||
}
|
||||
//1、登录
|
||||
login(loginList).then(res =>{
|
||||
console.log('登陆返回'+res.KDSVCSessionId)
|
||||
auth.setToken(res.KDSVCSessionId);
|
||||
let FilterString="FBILLNO like'%"+this.FBILLNO+"'";
|
||||
this.data.FilterString=FilterString;
|
||||
//2、供应商验证
|
||||
supplierLogin(this.data).then(res =>{
|
||||
console.log(res)
|
||||
})
|
||||
let type=res.LoginResultType
|
||||
})
|
||||
},
|
||||
handleWarning(response) {
|
||||
this.$message({
|
||||
message: response.message || response,
|
||||
type: 'warning',
|
||||
duration: 2000
|
||||
})
|
||||
},
|
||||
|
||||
handleSuccess(response) {
|
||||
this.$message({
|
||||
message: response.message || response,
|
||||
type: 'success',
|
||||
duration: 2000
|
||||
})
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss">
|
||||
|
||||
$bg:#283443;
|
||||
$light_gray:#fff;
|
||||
$cursor: #fff;
|
||||
|
||||
@supports (-webkit-mask: none) and (not (cater-color: $cursor)) {
|
||||
.login-container .el-input input {
|
||||
color: $cursor;
|
||||
}
|
||||
}
|
||||
|
||||
/* reset element-ui css */
|
||||
.login-container {
|
||||
.el-input {
|
||||
display: inline-block;
|
||||
height: 47px;
|
||||
// width: 85%;
|
||||
|
||||
input {
|
||||
background: transparent;
|
||||
border: 0px;
|
||||
-webkit-appearance: none;
|
||||
border-radius: 0px;
|
||||
padding: 12px 5px 12px 15px;
|
||||
color: $light_gray;
|
||||
height: 47px;
|
||||
caret-color: $cursor;
|
||||
|
||||
&:-webkit-autofill {
|
||||
box-shadow: 0 0 0px 1000px $bg inset !important;
|
||||
-webkit-text-fill-color: $cursor !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.el-form-item {
|
||||
border: 1px solid rgba(255, 255, 255, 0.1);
|
||||
background: rgba(0, 0, 0, 0.1);
|
||||
border-radius: 5px;
|
||||
color: #454545;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
$bg:#2d3a4b;
|
||||
$dark_gray:#889aa4;
|
||||
$light_gray:#eee;
|
||||
|
||||
::v-deep .el-tabs__item {
|
||||
color: white;
|
||||
}
|
||||
|
||||
::v-deep .el-tabs__item.is-active {
|
||||
color: #1890ff;
|
||||
}
|
||||
|
||||
.login-container {
|
||||
min-height: 100%;
|
||||
width: 100%;
|
||||
background-color: $bg;
|
||||
overflow: hidden;
|
||||
|
||||
.login-form {
|
||||
position: relative;
|
||||
width: 520px;
|
||||
max-width: 100%;
|
||||
padding: 160px 35px 0;
|
||||
margin: 0 auto;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.tips {
|
||||
font-size: 14px;
|
||||
color: #fff;
|
||||
margin-bottom: 10px;
|
||||
|
||||
span {
|
||||
&:first-of-type {
|
||||
margin-right: 16px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.svg-container {
|
||||
padding: 6px 5px 6px 15px;
|
||||
color: $dark_gray;
|
||||
vertical-align: middle;
|
||||
width: 30px;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.title-container {
|
||||
position: relative;
|
||||
|
||||
.title {
|
||||
font-size: 26px;
|
||||
color: $light_gray;
|
||||
margin: 0px auto 40px auto;
|
||||
text-align: center;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.desc {
|
||||
margin-top: 0px;
|
||||
margin-bottom: 20px;
|
||||
color: white;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.set-language {
|
||||
color: #fff;
|
||||
position: absolute;
|
||||
top: 3px;
|
||||
font-size: 18px;
|
||||
right: 0px;
|
||||
cursor: pointer;
|
||||
}
|
||||
}
|
||||
|
||||
.show-pwd {
|
||||
position: absolute;
|
||||
right: 10px;
|
||||
top: 7px;
|
||||
font-size: 16px;
|
||||
color: $dark_gray;
|
||||
cursor: pointer;
|
||||
user-select: none;
|
||||
}
|
||||
}
|
||||
|
||||
.globalFooter {
|
||||
margin: 48px 0 24px 0;
|
||||
padding: 0 16px;
|
||||
text-align: center;
|
||||
|
||||
.links {
|
||||
margin-bottom: 8px;
|
||||
|
||||
a {
|
||||
color: fade(#000, 45%);
|
||||
transition: all 0.3s;
|
||||
|
||||
&:not(:last-child) {
|
||||
margin-right: 40px;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
color: fade(#000, 65%);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.copyright {
|
||||
color: rgba(0,0,0,0.45);
|
||||
font-size: 14px;
|
||||
}
|
||||
}
|
||||
|
||||
.forgotregister {
|
||||
text-align: right;
|
||||
font-size: 14px;
|
||||
color: white;
|
||||
|
||||
.register {
|
||||
float: right;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@ -1,704 +0,0 @@
|
||||
<template>
|
||||
<div class="app-container">
|
||||
<div div style="font-size:25px;text-align:left ; position:relative;">
|
||||
<el-button v-if="view" type="primary" @click="save()">
|
||||
{{ '保存' }}
|
||||
</el-button>
|
||||
<el-button v-if="view" type="primary">
|
||||
{{ '提交' }}
|
||||
</el-button>
|
||||
</div>
|
||||
<el-divider></el-divider>
|
||||
<el-form ref="ContractSalaryForm" :rules="rules" :model="ruleFrom" :label-position="labelPosition" label-width="auto" style="width: 100%" :disabled="this.status==='9'">
|
||||
<!-- 基础信息 -->
|
||||
<div class="form-dataForm">
|
||||
<el-row>基本信息</el-row>
|
||||
</div>
|
||||
<el-row>
|
||||
<el-col :span="8">
|
||||
<el-form-item label='报价单号' prop="FBILLNO">
|
||||
<el-input v-model="ruleFrom.FBILLNO" readonly ></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item label='询价名称' prop="FProjectName">
|
||||
<el-input v-model="ruleFrom.FProjectName" readonly clearable></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item label="询价单号" prop="FSrcBillNo" >
|
||||
<el-input v-model="ruleFrom.FSrcBillNo" readonly/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col :span="8">
|
||||
<el-form-item label="供应商编码" prop="FSupplierId" >
|
||||
<el-input maxlength="64" v-model="ruleFrom.FSupplierId" readonly></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item label="供应商名称" prop="FSupplierIdName">
|
||||
<el-input maxlength="64" v-model="ruleFrom.FSupplierIdName" readonly></el-input>
|
||||
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item label="开标日期" prop="FOpenDate">
|
||||
<el-date-picker
|
||||
style="width: 100%"
|
||||
v-model="ruleFrom.FOpenDate"
|
||||
type="date"
|
||||
format="yyyy-MM-dd"
|
||||
value-format="yyyy-MM-dd"
|
||||
:disabled="true">
|
||||
</el-date-picker>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
||||
<el-row>
|
||||
<el-col :span="8">
|
||||
<el-form-item label='报价状态' prop="FPriceStatus">
|
||||
<el-input v-model="ruleFrom.FPriceStatus" readonly ></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item label='报价日期' prop="FQuoteDate">
|
||||
<el-input v-model="ruleFrom.FQuoteDate" readonly clearable></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item label="报价截至日期" prop="FExpiryDate" >
|
||||
<el-input v-model="ruleFrom.FExpiryDate" readonly/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col :span="8">
|
||||
<el-form-item label='联系人' prop="FContact">
|
||||
<el-input v-model="ruleFrom.FContact" clearable></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item label='电话' prop="FPhone">
|
||||
<el-input v-model="ruleFrom.FPhone" placeholder='请输入电话' clearable></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item label="邮箱" prop="FMail" >
|
||||
<el-input v-model="ruleFrom.FMail" maxlength="64" placeholder="请输入邮箱" clearable/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col :span="8">
|
||||
<el-form-item label='币别' prop="FCurrId">
|
||||
<el-input v-model="ruleFrom.FCurrId" readonly ></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item label="含税" prop="FIsIncludedTax" >
|
||||
<el-switch v-model="ruleFrom.FIsIncludedTax" :active-value="1" :inactive-value="0" active-color="#13ce66" inactive-color="#ff4949" @change="priceInputView()">
|
||||
</el-switch>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
||||
<!-- 其他信息 -->
|
||||
<el-collapse v-model="activeNames" >
|
||||
<el-collapse-item title="其他信息" class="form-title" name="1">
|
||||
<div class="form-content" v-if="activeNames=='1'">
|
||||
<el-divider content-position="left"></el-divider>
|
||||
<el-row>
|
||||
<el-col :span="8">
|
||||
<el-form-item label='采购组织' prop="FPurOrgId">
|
||||
<el-input v-model="ruleFrom.FPurOrgId" :disabled="true"/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item label='询价日期' prop="FDate">
|
||||
<el-date-picker type="date" value-format="yyyy-MM-dd" format="yyyy年MM月dd日" v-model="ruleFrom.FDate" style="width: 100%;" :disabled="true"/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item label='询价员' prop="FBuyer" >
|
||||
<el-input v-model="ruleFrom.FBuyer" :disabled="true" />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</div>
|
||||
</el-collapse-item>
|
||||
</el-collapse>
|
||||
|
||||
</el-form>
|
||||
<el-tabs type="border-card" style="margin-top: 50px">
|
||||
<el-tab-pane label="明细信息">
|
||||
<div>
|
||||
<el-table
|
||||
:key="tableKey"
|
||||
:data="list"
|
||||
border
|
||||
fit
|
||||
highlight-current-row
|
||||
show-summary
|
||||
max-height="500px"
|
||||
style="width: 100%"
|
||||
>
|
||||
<el-table-column prop="FSEQ" label="序号" align="center" width="50" fixed="left"></el-table-column>
|
||||
<el-table-column
|
||||
prop="FMaterialId"
|
||||
label="物料代码"
|
||||
min-width="150"
|
||||
fixed="left"
|
||||
align="center">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="FName"
|
||||
label="物料名称"
|
||||
min-width="150"
|
||||
align="center">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="FMaterialModel"
|
||||
label="规格型号"
|
||||
min-width="150"
|
||||
align="center">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="FUnitID"
|
||||
label="单位"
|
||||
min-width="150"
|
||||
align="center">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="FQty"
|
||||
label="询价数量"
|
||||
min-width="100"
|
||||
align="center">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="FPrice"
|
||||
label="单价"
|
||||
min-width="100"
|
||||
align="center">
|
||||
<template slot-scope="scop">
|
||||
<el-input type="number" v-model="scop.row.FPrice" v-show="!priceInput" @blur="yearPaymentAmtBlur(scop.row.yearPaymentAmt,scop.$index,'SalaryItemList1',scop.row.timesPerYear)" :disabled="status==='9'"></el-input>
|
||||
<span v-show="priceInput">{{ scop.row.FPrice }}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="FTaxRate"
|
||||
label="税率%"
|
||||
min-width="100"
|
||||
align="center">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="FTaxPrice"
|
||||
label="含税单价"
|
||||
min-width="110"
|
||||
align="center">
|
||||
<template slot-scope="scop">
|
||||
<el-input type="number" v-model="scop.row.FTaxPrice" v-show="priceInput" :disabled="status==='9'"></el-input>
|
||||
<span v-show="!priceInput">{{ scop.row.FTaxPrice }}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="FNote"
|
||||
label="备注"
|
||||
align="center"
|
||||
width="240">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="FPayConditionId"
|
||||
label="付款方式"
|
||||
align="center"
|
||||
width="240">
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
</div>
|
||||
</el-tab-pane>
|
||||
</el-tabs>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
|
||||
|
||||
import {save, supplierLogin} from "@/api/login";
|
||||
|
||||
export default {
|
||||
name: "master",
|
||||
components: {},
|
||||
data() {
|
||||
return{
|
||||
labelPosition: 'right',
|
||||
list: [],
|
||||
data:{
|
||||
FormId:"kafe2f22a0498441f9109c31cf5586da5",
|
||||
FieldKeys:'',
|
||||
FilterString:"FBILLNO like'%BJ23060004'",
|
||||
OrderString:"",
|
||||
TopRowCount:"0",
|
||||
StartRow:"0",
|
||||
Limit:100
|
||||
},
|
||||
FieldKeysMaster:'Fid,FSrcBillNo, FProjectName, FBILLNO , FDATE, FOpenDate, FExpiryDate,FQuoteDate, FBuyer, FSupplierId.FNumber,FSupplierId.FName, FPriceStatus, FContact ,FPhone ,FMail, FCurrId, FIsIncludedTax, FIsConfirm, FConfirmDate',
|
||||
FieldKeysslave:'FEntity_FSEQ,FEntity_FEntryID, FMATERIALID.FNumber,FMaterialId.FName, FUnitID.FName, FQty, FPrice, FTaxRate, FTaxPrice, FPayConditionId, FNote',
|
||||
tableKey: 0,
|
||||
customerId:undefined,
|
||||
status:undefined,
|
||||
// 折叠信息激活状态
|
||||
activeNames: '1',
|
||||
staffIds:undefined,
|
||||
useable:undefined,
|
||||
//时间验证
|
||||
TimeQuery: {
|
||||
id:undefined,
|
||||
contractId:undefined,
|
||||
beginTime:undefined,
|
||||
endTime:undefined
|
||||
},
|
||||
//组件的刷新
|
||||
timer:'',
|
||||
//工资项 选择
|
||||
salaryItemName:'',
|
||||
priceInput:false,
|
||||
viewCustomerDialogFormVisible:false,
|
||||
viewContractDialogFormVisible:false,
|
||||
view:true,
|
||||
//把列表存在的工资项传过去
|
||||
SalaryItemList:[],
|
||||
//工资项数据
|
||||
SalaryItemList1: [{
|
||||
FEntryID :'1',
|
||||
FMaterialId:'1',
|
||||
FMaterialName:'1',
|
||||
FMaterialModel:'1',
|
||||
FUnitID:'1',
|
||||
FQty:'1',
|
||||
FPrice:'1',
|
||||
FTaxRate:'1',
|
||||
FTaxPrice:'1',
|
||||
FPayConditionId:'1',
|
||||
FNote:'1',
|
||||
}],
|
||||
SalaryItemList2: [],
|
||||
SalaryItemList3: [],
|
||||
SalaryItemList4: [],
|
||||
|
||||
|
||||
StaffJob: [],
|
||||
tempStaffJob: [],
|
||||
//多选
|
||||
multipleSelection: [],
|
||||
//病假方案
|
||||
sickLeaveSolutionOptions: [],
|
||||
listQuery: {
|
||||
currentPage: 1,
|
||||
pageSize: 10,
|
||||
id:undefined,
|
||||
type:undefined,
|
||||
},
|
||||
ruleFrom: {
|
||||
|
||||
},
|
||||
saveFrom: {
|
||||
Creator: "String",
|
||||
NeedUpDateFields: [],
|
||||
IsAutoSubmitAndAudit: true,
|
||||
Model: {
|
||||
FID: '',
|
||||
//供应商确认
|
||||
FIsConfirm: true,
|
||||
//供应商确认时间
|
||||
FConfirmDate: '',
|
||||
//供应商提交时间
|
||||
FQuoteDate: '',
|
||||
//供应商信息明细表：FEntryID 分录ID，FQty 询价数量，FPrice 单价，FTaxRate 税率，FTaxPrice 含税单价
|
||||
FEntity: []
|
||||
}
|
||||
},
|
||||
options: [{
|
||||
value: 1,
|
||||
label: '是'
|
||||
}, {
|
||||
value: 0,
|
||||
label: '否'
|
||||
}],
|
||||
//在职员工组件
|
||||
viewStaffJobDialogFormVisible: false,
|
||||
//合同薪资方案薪资项 =》 工资项
|
||||
viewSalaryItemDialogFormVisible: false,
|
||||
//多选
|
||||
SalaryItemSingleMulti: 'multi',
|
||||
rules: {
|
||||
contractName: [{required: true, message: '请选择服务合同', trigger: ['blur', 'change']}],
|
||||
customerName: [{required: true, message: '请选择用工单位', trigger: ['blur', 'change']}],
|
||||
solutionName: [{required: true, message: '请填写岗位名称', trigger: ['blur', 'change']}],
|
||||
beginTime: [{required: true, message: '请填写生效起始时间', trigger: ['blur', 'change']}],
|
||||
endTime: [{required: true, message: '请填写生效终止时间', trigger: ['blur', 'change']}],
|
||||
},
|
||||
// 自定义开始和结束时间验证 => 新增页面
|
||||
pickerOptionsOne: {
|
||||
disabledDate: time => {
|
||||
// if 判断另一项为空时可以随便选择时间
|
||||
if (this.ruleFrom.endTime) {
|
||||
return time.getTime() > new Date(this.ruleFrom.endTime).getTime()
|
||||
} else {
|
||||
return false
|
||||
}
|
||||
|
||||
}
|
||||
},
|
||||
pickerOptionsTwo: {
|
||||
disabledDate: time => {
|
||||
if (this.ruleFrom.beginTime) {
|
||||
return time.getTime() < new Date(this.ruleFrom.beginTime).getTime()
|
||||
} else {
|
||||
return false
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
created() {
|
||||
this.data.FilterString='FBILLNO like\'%' + this.$route.query.FBILLNO +'\''
|
||||
this.ruleFromData();
|
||||
this.listData();
|
||||
},
|
||||
computed: {
|
||||
monthlyTotal() {
|
||||
return this.annualTotal()/12
|
||||
},
|
||||
annualTotal() {
|
||||
// 年度的合计
|
||||
let total = 0;
|
||||
let arr1 = this.SalaryItemList1;
|
||||
let arr2 = this.SalaryItemList2;
|
||||
let arr3 = this.SalaryItemList3;
|
||||
let arr4 = this.SalaryItemList4;
|
||||
// console.log("annualTotal===>",arr1);
|
||||
arr1.forEach( ele => {
|
||||
if(ele.addSubtract == 1 || ele.addSubtract == 2) total += Number(ele.yearPaymentAmt)
|
||||
})
|
||||
arr2.forEach( ele => {
|
||||
if(ele.addSubtract == 1 || ele.addSubtract == 2) total += Number(ele.yearPaymentAmt)
|
||||
})
|
||||
arr3.forEach( ele => {
|
||||
if(ele.addSubtract == 1 || ele.addSubtract == 2) total += Number(ele.yearPaymentAmt)
|
||||
})
|
||||
arr4.forEach( ele => {
|
||||
if(ele.addSubtract == 1 || ele.addSubtract == 2) total += Number(ele.yearPaymentAmt)
|
||||
})
|
||||
return total
|
||||
},
|
||||
monthlyWages() {
|
||||
let total = 0;
|
||||
let arr1 = this.SalaryItemList1;
|
||||
let arr2 = this.SalaryItemList2;
|
||||
let arr3 = this.SalaryItemList3;
|
||||
let arr4 = this.SalaryItemList4;
|
||||
// console.log("annualTotal===>",arr1);
|
||||
arr1.forEach( ele => {
|
||||
if(ele.addSubtract == 1 && ele.isTemp ===false) total += Number(ele.paymentAmt)
|
||||
})
|
||||
arr2.forEach( ele => {
|
||||
if(ele.addSubtract == 1 && ele.isTemp ===false) total += Number(ele.paymentAmt)
|
||||
})
|
||||
arr3.forEach( ele => {
|
||||
if(ele.addSubtract == 1 && ele.isTemp ===false) total += Number(ele.paymentAmt)
|
||||
})
|
||||
arr4.forEach( ele => {
|
||||
if(ele.addSubtract == 1 && ele.isTemp ===false) total += Number(ele.paymentAmt)
|
||||
})
|
||||
return total
|
||||
},
|
||||
monthlyNet() {
|
||||
let total = 0;
|
||||
let newTotal = 0;
|
||||
let arr1 = this.SalaryItemList1;
|
||||
let arr2 = this.SalaryItemList2;
|
||||
let arr3 = this.SalaryItemList3;
|
||||
let arr4 = this.SalaryItemList4;
|
||||
// console.log("annualTotal===>",arr1);
|
||||
arr1.forEach( ele => {
|
||||
if(ele.addSubtract == 0 && ele.isTemp ===false) total += Number(ele.paymentAmt)
|
||||
})
|
||||
arr2.forEach( ele => {
|
||||
if(ele.addSubtract == 0 && ele.isTemp ===false) total += Number(ele.paymentAmt)
|
||||
})
|
||||
arr3.forEach( ele => {
|
||||
if(ele.addSubtract == 0 && ele.isTemp ===false) total += Number(ele.paymentAmt)
|
||||
})
|
||||
arr4.forEach( ele => {
|
||||
if(ele.addSubtract == 0 && ele.isTemp ===false) total += Number(ele.paymentAmt)
|
||||
})
|
||||
newTotal = this.monthlyWages - total
|
||||
return newTotal
|
||||
},
|
||||
},
|
||||
watch:{
|
||||
annualTotal(newValue,lodValue) {
|
||||
this.ruleFrom.annualTotal = Number(newValue).toFixed(2);
|
||||
this.ruleFrom.monthlyTotal = Number(this.ruleFrom.annualTotal/12).toFixed(2);;
|
||||
},
|
||||
// 月度应发
|
||||
monthlyWages(newValue,lodValue) {
|
||||
this.ruleFrom.monthlyWages = Number(newValue).toFixed(2);
|
||||
},
|
||||
// 月度实发
|
||||
monthlyNet(newValue,lodValue) {
|
||||
this.ruleFrom.monthlyNet = Number(newValue).toFixed(2);
|
||||
},
|
||||
},
|
||||
methods:{
|
||||
priceInputView(){
|
||||
if (this.ruleFrom.FIsIncludedTax == 1){
|
||||
this.priceInput=true;
|
||||
}else {
|
||||
this.priceInput=false;
|
||||
}
|
||||
},
|
||||
ruleFromData(){
|
||||
this.data.FieldKeys=this.FieldKeysMaster
|
||||
supplierLogin(this.data).then(res =>{
|
||||
const obj = {
|
||||
Fid: res[0][0],
|
||||
FSrcBillNo: res[0][1],
|
||||
FProjectName: res[0][2],
|
||||
FBILLNO: res[0][3],
|
||||
FDATE: res[0][4],
|
||||
FOpenDate: res[0][5],
|
||||
FExpiryDate: res[0][6],
|
||||
FQuoteDate: res[0][7],
|
||||
FBuyer: res[0][8],
|
||||
FSupplierId: res[0][9],
|
||||
FSupplierIdName: res[0][10],
|
||||
FPriceStatus: res[0][11],
|
||||
FContact: res[0][12],
|
||||
FPhone: res[0][13],
|
||||
FMail: res[0][14],
|
||||
FCurrId: '人民币',
|
||||
FIsIncludedTax: res[0][16],
|
||||
FIsConfirm: res[0][17],
|
||||
FConfirmDate: res[0][18],
|
||||
|
||||
}
|
||||
this.ruleFrom=obj;
|
||||
})
|
||||
},
|
||||
listData(){
|
||||
this.data.FieldKeys=this.FieldKeysslave
|
||||
supplierLogin(this.data).then(res =>{
|
||||
for (let i=0;i<res.length;i++){
|
||||
const obj = {
|
||||
FSEQ : res[i][0],
|
||||
FEntryID : res[i][1],
|
||||
FMaterialId : res[i][2],
|
||||
FName : res[i][3],
|
||||
FUnitID : res[i][4],
|
||||
FQty : res[i][5],
|
||||
FPrice : res[i][6],
|
||||
FTaxRate : res[i][7],
|
||||
FTaxPrice : res[i][8],
|
||||
FPayConditionId : res[i][9],
|
||||
FNote : res[i][10],
|
||||
}
|
||||
this.list.push(obj);
|
||||
}
|
||||
})
|
||||
},
|
||||
save(){
|
||||
let Model={
|
||||
FID: this.ruleFrom.Fid,
|
||||
//供应商确认
|
||||
FIsConfirm: true,
|
||||
//供应商确认时间
|
||||
FConfirmDate: new Date(),
|
||||
//供应商提交时间
|
||||
FQuoteDate: '',
|
||||
//供应商信息明细表：FEntryID 分录ID，FQty 询价数量，FPrice 单价，FTaxRate 税率，FTaxPrice 含税单价
|
||||
FEntity: []
|
||||
}
|
||||
for (let i=0;i<this.list.length;i++){
|
||||
let data={}
|
||||
data.FEntryID=this.list[i].FEntryID
|
||||
data.FQty=this.list[i].FQty
|
||||
data.FPrice=this.list[i].FPrice
|
||||
data.FTaxRate=this.list[i].FTaxRate
|
||||
data.FTaxPrice=this.list[i].FTaxPrice
|
||||
Model.FEntity.push(data);
|
||||
}
|
||||
this.saveFrom.Model=Model
|
||||
save(this.saveFrom).then(res=>{
|
||||
this.$message({
|
||||
message: message,
|
||||
type: '添加成功',
|
||||
duration: 2000
|
||||
})
|
||||
})
|
||||
},
|
||||
Obj(){
|
||||
let data=[
|
||||
[
|
||||
1,
|
||||
100011,
|
||||
"1.01.001.0005",
|
||||
"摄像头镜片",
|
||||
"Pcs",
|
||||
134.0000000000,
|
||||
9.4827590000,
|
||||
16.0000000000,
|
||||
11.0000000000,
|
||||
229310,
|
||||
" "
|
||||
],
|
||||
[
|
||||
2,
|
||||
100012,
|
||||
"1.01.001.0057",
|
||||
"侧板-50KW系列",
|
||||
"Pcs",
|
||||
156.0000000000,
|
||||
10.3448280000,
|
||||
16.0000000000,
|
||||
12.0000000000,
|
||||
229310,
|
||||
" "
|
||||
],
|
||||
[
|
||||
3,
|
||||
100013,
|
||||
"1.01.001.0002",
|
||||
"面壳",
|
||||
"Pcs",
|
||||
100.0000000000,
|
||||
11.2068970000,
|
||||
16.0000000000,
|
||||
13.0000000000,
|
||||
229310,
|
||||
" "
|
||||
]
|
||||
]
|
||||
console.log(data)
|
||||
const template = {FSEQ:'', FEntryID:'', FMaterialId:'',FName:'', FUnitID:'',FQty:'',FPrice:'', FTaxRate:'', FTaxPrice:'',FPayConditionId:'', FNote:''};
|
||||
for (let i=0;i<data.length;i++){
|
||||
const obj = {
|
||||
FSEQ : data[i][0],
|
||||
FEntryID : data[i][1],
|
||||
FMaterialId : data[i][2],
|
||||
FName : data[i][3],
|
||||
FUnitID : data[i][4],
|
||||
FQty : data[i][5],
|
||||
FPrice : data[i][6],
|
||||
FTaxRate : data[i][7],
|
||||
FTaxPrice : data[i][8],
|
||||
FPayConditionId : data[i][9],
|
||||
FNote : data[i][10],
|
||||
}
|
||||
this.list.push(obj);
|
||||
}
|
||||
console.log(this.list)
|
||||
},
|
||||
Obj1(){
|
||||
let data=
|
||||
[
|
||||
[
|
||||
100005,
|
||||
"XJ23060001",
|
||||
"测试密封报价",
|
||||
"BJ23060004",
|
||||
"2023-06-13T00:00:00",
|
||||
"2023-06-28T00:00:00",
|
||||
"2023-06-26T00:00:00",
|
||||
null,
|
||||
158053,
|
||||
"VEN000011",
|
||||
"美华公司",
|
||||
"A",
|
||||
" ",
|
||||
" ",
|
||||
" ",
|
||||
1,
|
||||
true,
|
||||
false,
|
||||
null
|
||||
]
|
||||
]
|
||||
FieldKeysMaster:'Fid,FSrcBillNo, FProjectName, FBILLNO , FDATE, FOpenDate, FExpiryDate,FQuoteDate, FBuyer, FSupplierId.FNumber,FSupplierId.FName, FPriceStatus, FContact ,' +
|
||||
'FPhone ,FMail, FCurrId, FIsIncludedTax, FIsConfirm, FConfirmDate';
|
||||
const obj = {
|
||||
Fid: data[0][0],
|
||||
FSrcBillNo: data[0][1],
|
||||
FProjectName: data[0][2],
|
||||
FBILLNO: data[0][3],
|
||||
FDATE: data[0][4],
|
||||
FOpenDate: data[0][5],
|
||||
FExpiryDate: data[0][6],
|
||||
FQuoteDate: data[0][7],
|
||||
FBuyer: data[0][8],
|
||||
FSupplierId: data[0][9],
|
||||
FSupplierIdName: data[0][10],
|
||||
FPriceStatus: data[0][11],
|
||||
FContact: data[0][12],
|
||||
FPhone: data[0][13],
|
||||
FMail: data[0][14],
|
||||
FCurrId: '人民币',
|
||||
FIsIncludedTax: data[0][16],
|
||||
FIsConfirm: data[0][17],
|
||||
FConfirmDate: data[0][18],
|
||||
|
||||
}
|
||||
this.ruleFrom=obj;
|
||||
console.log(this.ruleFrom)
|
||||
},
|
||||
},
|
||||
}
|
||||
</script>
|
||||
<style scoped>
|
||||
/* 设置表单的居中 */
|
||||
.dataForm-style {
|
||||
width: 100%;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
/* 设置基础信息标题的样式 */
|
||||
.form-dataForm {
|
||||
width: 100%;
|
||||
height: 47px;
|
||||
line-height: 47px;
|
||||
font-size: 17px;
|
||||
font-weight: 600;
|
||||
margin: 15px 0;
|
||||
border-bottom: 1px solid #e6ebf5;
|
||||
/* border-bottom: 1px solid #0efc61; */
|
||||
}
|
||||
|
||||
/* 去掉折叠上边框线 */
|
||||
::v-deep .el-collapse {
|
||||
border-top: 0;
|
||||
}
|
||||
/* 修改折叠标题样式 */
|
||||
::v-deep .form-title .el-collapse-item__header {
|
||||
font-size: 17px;
|
||||
font-weight: 600;
|
||||
}
|
||||
/* 修改折叠标题样式 */
|
||||
::v-deep .form-title .el-collapse-item__content {
|
||||
border-bottom: 0;
|
||||
}
|
||||
/* 修改折叠标题箭头样式 */
|
||||
::v-deep .form-title .el-collapse-item__header .el-collapse-item__arrow {
|
||||
margin: 0 0 0 5px;
|
||||
}
|
||||
::v-deep .el-divider--horizontal {
|
||||
margin: 10px 0;
|
||||
}
|
||||
/* 去掉数字输入框上下加减按钮 */
|
||||
::v-deep input::-webkit-outer-spin-button,
|
||||
::v-deep input::-webkit-inner-spin-button {
|
||||
-webkit-appearance: none;
|
||||
}
|
||||
</style>
|
||||
@ -1,12 +0,0 @@
|
||||
const { defineConfig } = require("@vue/cli-service");
|
||||
const path = require('path')
|
||||
function resolve(dir) {
|
||||
return path.join(__dirname, dir)
|
||||
}
|
||||
module.exports = defineConfig({
|
||||
transpileDependencies: true,
|
||||
// devServer: {
|
||||
// port: 'http://1.14.142.111:9090'
|
||||
// }
|
||||
|
||||
});
|
||||
Loading…
x
Reference in New Issue
Block a user