首次提交
This commit is contained in:
lupeng_zz
parent
97c62540de
commit
0da0c42e72
|
|
@ -0,0 +1,8 @@
|
|||
# 默认忽略的文件
|
||||
/shelf/
|
||||
/workspace.xml
|
||||
# 基于编辑器的 HTTP 客户端请求
|
||||
/httpRequests/
|
||||
# Datasource local storage ignored files
|
||||
/dataSources/
|
||||
/dataSources.local.xml
|
||||
|
|
@ -0,0 +1,9 @@
|
|||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<module type="JAVA_MODULE" version="4">
|
||||
<component name="NewModuleRootManager" inherit-compiler-output="true">
|
||||
<exclude-output />
|
||||
<content url="file://$MODULE_DIR$" />
|
||||
<orderEntry type="inheritedJdk" />
|
||||
<orderEntry type="sourceFolder" forTests="false" />
|
||||
</component>
|
||||
</module>
|
||||
|
|
@ -0,0 +1,6 @@
|
|||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<project version="4">
|
||||
<component name="ProjectRootManager">
|
||||
<output url="file://$PROJECT_DIR$/out" />
|
||||
</component>
|
||||
</project>
|
||||
|
|
@ -0,0 +1,8 @@
|
|||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<project version="4">
|
||||
<component name="ProjectModuleManager">
|
||||
<modules>
|
||||
<module fileurl="file://$PROJECT_DIR$/.idea/ma-web.iml" filepath="$PROJECT_DIR$/.idea/ma-web.iml" />
|
||||
</modules>
|
||||
</component>
|
||||
</project>
|
||||
|
|
@ -0,0 +1,6 @@
|
|||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<project version="4">
|
||||
<component name="VcsDirectoryMappings">
|
||||
<mapping directory="$PROJECT_DIR$/../.." vcs="Git" />
|
||||
</component>
|
||||
</project>
|
||||
|
|
@ -0,0 +1,237 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<title></title>
|
||||
|
||||
|
||||
<script src="./scripts/vue.min.js"></script>
|
||||
|
||||
<link rel="stylesheet" href="./scripts/elementindex.css">
|
||||
<script src="./scripts/elementindex.js"></script>
|
||||
|
||||
<!--//vue element-ui-css element-ui-js
|
||||
<script src="https://unpkg.com/vue@2.6.14/dist/vue.js"></script>
|
||||
|
||||
<link rel="stylesheet" href="https://unpkg.com/element-ui@2.15.5/lib/theme-chalk/index.css">
|
||||
|
||||
<script src="https://unpkg.com/element-ui@2.15.5/lib/index.js"></script>
|
||||
-->
|
||||
|
||||
<script src="scripts/axiosmin.js"></script>
|
||||
<!--
|
||||
<script>
|
||||
localStorage.setItem("online_user","");
|
||||
localStorage.setItem("uuid","");
|
||||
</script>
|
||||
-->
|
||||
<style>
|
||||
/*.svg-background {
|
||||
background: url(scripts/png/bg.jpg);
|
||||
background-size: 100% 100%;
|
||||
background-repeat: no-repeat;
|
||||
background-attachment: fixed;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}*/
|
||||
.svg-background {
|
||||
background: url(scripts/png/3-1.jpg);
|
||||
background-size: 100% 100%;
|
||||
background-repeat: no-repeat;
|
||||
background-attachment: fixed;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
</style>
|
||||
|
||||
</head>
|
||||
<body class="svg-background">
|
||||
<div id="app" >
|
||||
|
||||
<template>
|
||||
<div>
|
||||
<el-form ref="loginForm" :model="form" :rules="rules" label-width="138px" class="login-box">
|
||||
<h3 class="login-title" style="font-size: 50px;color: #f8f8f8;">六合维保计划管理软件</h3>
|
||||
<el-form-item label="账号" prop="username">
|
||||
<el-input type="text" placeholder="请输入账号" v-model="form.username" style="width: 262px;" />
|
||||
</el-form-item>
|
||||
<el-form-item label="密码" prop="password">
|
||||
<el-input type="password" placeholder="请输入密码" v-model="form.password" style="width: 262px;"/>
|
||||
</el-form-item>
|
||||
<el-form-item>
|
||||
<el-button style="width: 262px;" round type="primary" v-on:click="onSubmit('loginForm')">登录</el-button>
|
||||
<!--<el-button style="width: 124px;" round type="primary" v-on:click="register('loginForm')">注册</el-button>-->
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
|
||||
<el-dialog title="温馨提示"
|
||||
:visible.sync="dialogVisible"
|
||||
width="30%"
|
||||
:before-close="handleClose"
|
||||
:lock-scroll ="false">
|
||||
<span>请输入账号和密码</span>
|
||||
<span slot="footer" class="dialog-footer">
|
||||
<el-button type="primary" @click="dialogVisible = false">确 定</el-button>
|
||||
</span>
|
||||
</el-dialog>
|
||||
</div>
|
||||
</template>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
new Vue(
|
||||
{
|
||||
el: "#app",
|
||||
data() {
|
||||
return {
|
||||
form: {
|
||||
username: '',
|
||||
password: ''
|
||||
},
|
||||
rules: {
|
||||
username: [
|
||||
{ required: true, message: '账号不可为空', trigger: 'blur' }
|
||||
],
|
||||
password: [
|
||||
{ required: true, message: '密码不可为空', trigger: 'blur' }
|
||||
]
|
||||
},
|
||||
dialogVisible: false
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
onSubmit(formName) {
|
||||
this.$refs[formName].validate((valid) => {
|
||||
if (valid) {
|
||||
//window.open("main.html","_self","baidu.com");
|
||||
|
||||
var _this = this;
|
||||
axios.post('/u_ma/login', {
|
||||
username: _this.$data.form.username,
|
||||
password: _this.$data.form.password
|
||||
})
|
||||
.then(function (response) {
|
||||
|
||||
if (response.status != 200 || response.data.r !=0) {
|
||||
|
||||
if (response.data.r ==1) {
|
||||
_this.$message({
|
||||
message: "用户已登录！",
|
||||
type: "error",
|
||||
duration: 1500
|
||||
});
|
||||
}else{
|
||||
_this.$message({
|
||||
message: "登录失败，请检查用户名和密码是否正确！",
|
||||
type: "error",
|
||||
duration: 1500
|
||||
});
|
||||
}
|
||||
|
||||
}else{
|
||||
localStorage.setItem("online_user",_this.$data.form.username);
|
||||
localStorage.setItem("uuid",response.data.uuid);
|
||||
localStorage.setItem("level",response.data.roleid);
|
||||
localStorage.setItem("did",response.data.did);
|
||||
localStorage.setItem("loc",response.data.loc);
|
||||
location.href=response.data.url;
|
||||
}
|
||||
|
||||
})
|
||||
.catch(function (error) {
|
||||
console.log(error);
|
||||
});
|
||||
}
|
||||
/*else {
|
||||
this.dialogVisible = true;
|
||||
return false;
|
||||
}*/
|
||||
});
|
||||
|
||||
},
|
||||
register(formName) {
|
||||
this.$refs[formName].validate((valid) => {
|
||||
if (valid) {
|
||||
//window.open("main.html","_self","baidu.com");
|
||||
|
||||
var _this = this;
|
||||
axios.post('/deescloud/registerUser', {
|
||||
username: _this.$data.form.username,
|
||||
password: _this.$data.form.password
|
||||
})
|
||||
.then(function (response) {
|
||||
|
||||
if (response.status != 200 || response.data.r !=0) {
|
||||
|
||||
if (response.data.r ==1) {
|
||||
_this.$message({
|
||||
message: "用户已注册！",
|
||||
type: "error",
|
||||
duration: 1500
|
||||
});
|
||||
}else{
|
||||
_this.$message({
|
||||
message: "注册失败！",
|
||||
type: "error",
|
||||
duration: 1500
|
||||
});
|
||||
}
|
||||
|
||||
}else{
|
||||
_this.$message({
|
||||
message: "注册成功！",
|
||||
type: "success",
|
||||
duration: 1500
|
||||
});
|
||||
}
|
||||
|
||||
})
|
||||
.catch(function (error) {
|
||||
console.log(error);
|
||||
});
|
||||
}
|
||||
/*else {
|
||||
this.dialogVisible = true;
|
||||
return false;
|
||||
}*/
|
||||
});
|
||||
|
||||
},
|
||||
handleClose(done) {
|
||||
this.$confirm("确认关闭?")
|
||||
.then(_ => {
|
||||
done();
|
||||
})
|
||||
.catch(_ => { });
|
||||
}
|
||||
}
|
||||
|
||||
})
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
|
||||
.el-form-item__label {
|
||||
color: #f8f8f8;
|
||||
}
|
||||
.login-box {
|
||||
/*border: 1px solid #DCDFE6;*/
|
||||
width: 500px;
|
||||
margin: 180px auto;
|
||||
padding: 35px 35px 15px 35px;
|
||||
border-radius: 5px;
|
||||
-webkit-border-radius: 5px;
|
||||
-moz-border-radius: 5px;
|
||||
/*box-shadow: 0 0 25px #909399;*/
|
||||
}
|
||||
|
||||
.login-title {
|
||||
text-align: center;
|
||||
margin: 0 auto 40px auto;
|
||||
color: #303133;
|
||||
}
|
||||
</style>
|
||||
</body>
|
||||
|
||||
|
||||
</html>
|
||||
|
|
@ -0,0 +1,578 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title></title>
|
||||
<script src="./scripts/vue.min.js"></script>
|
||||
<script src="./scripts/vue-router.js"></script>
|
||||
<!--
|
||||
<script src="https://unpkg.com/vue-router@3.5.2/dist/vue-router.js"></script>
|
||||
-->
|
||||
|
||||
<link rel="stylesheet" href="./scripts/elementindex.css">
|
||||
<script src="./scripts/elementindex.js"></script>
|
||||
|
||||
<!--
|
||||
<script src="https://unpkg.com/axios@0.21.1/dist/axios.min.js"></script>
|
||||
-->
|
||||
<script src="scripts/axiosmin.js"></script>
|
||||
|
||||
<script src="scripts/checkuser.js"></script>
|
||||
|
||||
<script src="scripts/welldata.js"></script>
|
||||
<script src="scripts/user.js"></script>
|
||||
<script src="scripts/based.js"></script>
|
||||
|
||||
<script src="scripts/loginout.js"></script>
|
||||
|
||||
<script src="scripts/exportfile.js"></script>
|
||||
|
||||
<script src="https://cdn.bootcdn.net/ajax/libs/PapaParse/5.3.2/papaparse.min.js"></script>
|
||||
<!--<script src="https://cdn.bootcss.com/xlsx/0.12.9/xlsx.full.min.js"></script>-->
|
||||
|
||||
<script src="scripts/pf.js"></script>
|
||||
<script src="scripts/ds.js"></script>
|
||||
<script src="scripts/rsm.js"></script>
|
||||
|
||||
<script src="scripts/mr.js"></script>
|
||||
<script src="scripts/tw.js"></script>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div id="app" class="homeWrap">
|
||||
<!--<el-container style="height: 100%; border: 1px solid #eee">-->
|
||||
<!--<el-header style="text-align: right; font-size: 14px">-->
|
||||
<!--<el-header style="height: 100%;">-->
|
||||
<div style="border: 0px solid #eee;margin-bottom: 0px;height: 80px;background-color: #3C8DBC;color: #f8f8f8;display: block;">
|
||||
<div style="float: right;font-size: 14px;line-height: 80px;padding-right: 10px;">
|
||||
|
||||
<el-dropdown @command="handleCommand">
|
||||
<span class="el-dropdown-link">
|
||||
{{onlineuser}}<i class="el-icon-arrow-down el-icon--right"></i>
|
||||
</span>
|
||||
<el-dropdown-menu slot="dropdown" style="font-size: 12px;">
|
||||
<el-dropdown-item command='exit'>退出</el-dropdown-item>
|
||||
</el-dropdown-menu>
|
||||
</el-dropdown>
|
||||
|
||||
</div>
|
||||
<!--
|
||||
<div v-if="did==1" style="float: right;line-height: 80px;margin-right: 5px;">
|
||||
<svg v-if="message_Data.length==0" @click="show_message" style="margin-top: 32px;cursor: pointer;" t="1684119894746" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="8545" width="16" height="16"><path d="M512 986.387692a148.361846 148.361846 0 0 1-147.101538-130.520615h-287.901539a39.384615 39.384615 0 0 1-39.384615-39.384615 39.384615 39.384615 0 0 1 39.384615-39.384616h91.136V381.479385A344.300308 344.300308 0 0 1 512 37.572923a344.300308 344.300308 0 0 1 343.906462 343.906462v395.657846h91.136a39.384615 39.384615 0 0 1 39.384615 39.384615 39.384615 39.384615 0 0 1-39.384615 39.384616h-287.940924A148.361846 148.361846 0 0 1 512 986.387692z m-66.953846-130.520615a69.474462 69.474462 0 0 0 66.953846 51.751385 69.474462 69.474462 0 0 0 66.953846-51.751385z m175.852308-78.769231h156.396307V381.479385A265.452308 265.452308 0 0 0 512 116.342154a265.452308 265.452308 0 0 0-265.137231 265.137231v395.657846z" fill="#f8f8f8" p-id="8546"></path></svg>
|
||||
<svg v-if="message_Data.length>0" @click="show_message" style="margin-top: 32px;cursor: pointer;" t="1684119894746" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="8545" width="16" height="16"><path d="M512 986.387692a148.361846 148.361846 0 0 1-147.101538-130.520615h-287.901539a39.384615 39.384615 0 0 1-39.384615-39.384615 39.384615 39.384615 0 0 1 39.384615-39.384616h91.136V381.479385A344.300308 344.300308 0 0 1 512 37.572923a344.300308 344.300308 0 0 1 343.906462 343.906462v395.657846h91.136a39.384615 39.384615 0 0 1 39.384615 39.384615 39.384615 39.384615 0 0 1-39.384615 39.384616h-287.940924A148.361846 148.361846 0 0 1 512 986.387692z m-66.953846-130.520615a69.474462 69.474462 0 0 0 66.953846 51.751385 69.474462 69.474462 0 0 0 66.953846-51.751385z m175.852308-78.769231h156.396307V381.479385A265.452308 265.452308 0 0 0 512 116.342154a265.452308 265.452308 0 0 0-265.137231 265.137231v395.657846z" fill="#ff0000" p-id="8546"></path></svg>
|
||||
</div>
|
||||
-->
|
||||
<div style="text-align: center; font-size: 18px;line-height: 80px;float: none;">
|
||||
<span style="font-size: 30px;font-weight: bolder;">六合维保计划管理软件 V1.0</span>
|
||||
</div>
|
||||
|
||||
<el-drawer
|
||||
title="详情"
|
||||
:visible.sync="show_message_flag"
|
||||
direction="rtl"
|
||||
:before-close="handleClose"
|
||||
size="40%"
|
||||
style="margin-top: 80px;height: 60%;right: 20px;"
|
||||
>
|
||||
<div v-if="message_Data.length>0" >
|
||||
<el-tag style="margin-left: 5px;margin-bottom: 10px;" type="success" effect="dark">
|
||||
转入{{message_Data|show_msg_len}}条生产计划，请及时处理。
|
||||
</el-tag>
|
||||
<el-button size="small " type="primary" @click="mark_read" >标记已读</el-button>
|
||||
</div>
|
||||
<el-table
|
||||
:data="message_Data"
|
||||
style="font-size:14px;margin-left: 5px;"
|
||||
:cell-style="{background:'#fff'}"
|
||||
border
|
||||
>
|
||||
<el-table-column
|
||||
prop="task_id"
|
||||
label="计划/项目号"
|
||||
width="150"
|
||||
:show-overflow-tooltip="true">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="product_id"
|
||||
label="编号"
|
||||
width="100"
|
||||
:show-overflow-tooltip="true">
|
||||
</el-table-column>
|
||||
|
||||
<el-table-column
|
||||
prop="total_num"
|
||||
label="数量"
|
||||
width="60">
|
||||
</el-table-column>
|
||||
|
||||
<el-table-column
|
||||
prop="demand_date"
|
||||
label="需求日期"
|
||||
width="80">
|
||||
</el-table-column>
|
||||
|
||||
<el-table-column
|
||||
prop="rdm_id"
|
||||
label="RDM"
|
||||
width="60"
|
||||
:show-overflow-tooltip="true">
|
||||
<template slot-scope="scope">
|
||||
<el-button @click="to_redmine(scope.row)" type="text" size="medium">{{scope.row.rdm_id}}</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="conveyer"
|
||||
label="交付人"
|
||||
width="60">
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
</el-drawer>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<el-menu
|
||||
mode="horizontal"
|
||||
background-color="#304156"
|
||||
text-color="#bfcbd9"
|
||||
active-text-color="#ffd04b"
|
||||
:default-active="$route.path" router style="padding-left: 0px;" :unique-opened=true >
|
||||
<template v-for="item in NavigateItem">
|
||||
<el-submenu v-if="item.items.length" :index="item.index" :key="item.key" >
|
||||
<!--<template slot="title" ><svg style="position:relative; bottom:2px;" class="icon" viewBox="0 0 1024 1024" width="18" height="18"><path :d="item.svg.first" fill="#707070"></path><path :d="item.svg.second" fill="#707070"></path></svg> {{item.title}}</template>-->
|
||||
<template slot="title" ><svg style="position:relative; bottom:2px;" class="icon" viewBox="0 0 1024 1024" width="18" height="18"><path :d="item.svg.first" fill="#f8f8f8"></path><path :d="item.svg.second" fill="#f8f8f8"></path></svg> {{item.title}}</template>
|
||||
<el-menu-item
|
||||
v-for="(it,key) in item.items"
|
||||
:key="key"
|
||||
:index="it.index"
|
||||
style="font-size: 13px;padding-left: 20px;"
|
||||
>{{it.title}}</el-menu-item>
|
||||
</el-submenu>
|
||||
<el-menu-item v-else :index="item.index" :key="item.key">{{ item.title }} </el-menu-item>
|
||||
</template>
|
||||
|
||||
</el-menu>
|
||||
</div>
|
||||
|
||||
<!--</el-header>--->
|
||||
<!--<el-container>-->
|
||||
<!--<el-aside width="15%" style="background-color: rgb(ff, ff, ff)">-->
|
||||
<!--</el-aside>-->
|
||||
<!--<el-main>-->
|
||||
<div style="margin-top: 20px">
|
||||
<router-view v-if="NavigateItem.length"></router-view>
|
||||
</div>
|
||||
|
||||
<!--</el-main>
|
||||
|
||||
</el-container>
|
||||
</el-container>-->
|
||||
<el-divider></el-divider>
|
||||
<div v-show="if_show" style="background-color: #ffffff;height: 30px;">
|
||||
<div style="text-align: center;padding-top: 10px;font-size: 12px;">
|
||||
<span>版权所有 ©</span>
|
||||
<span style="color: #116699;">北京六合伟业科技股份有限公司</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<script>
|
||||
history.pushState(null, null, document.URL);
|
||||
window.addEventListener('popstate', function () {
|
||||
console.log(document.URL);
|
||||
history.pushState(null, null, document.URL);
|
||||
});
|
||||
|
||||
setInterval(checkUser,5000);
|
||||
|
||||
Vue.directive('dialogDrag', {
|
||||
bind(el, binding, vnode, oldVnode) {
|
||||
// 获取拖拽内容头部
|
||||
const dialogHeaderEl = el.querySelector('.el-dialog__header')
|
||||
// 获取拖拽内容整体 这个rrc-dialog是我自己封装的组件 如果使用element的组件应写成.el-dialog
|
||||
const dragDom = el.querySelector('.el-dialog') || el.querySelector('.ele-form-dialog')
|
||||
dialogHeaderEl.style.cursor = 'move'
|
||||
|
||||
// 获取原有属性 ie dom元素.currentStyle 火狐谷歌 window.getComputedStyle(dom元素, null);
|
||||
const sty = dragDom.currentStyle || window.getComputedStyle(dragDom, null)
|
||||
// const sty = window.getComputedStyle(dragDom, null)
|
||||
// 鼠标按下事件
|
||||
dialogHeaderEl.onmousedown = (e) => {
|
||||
// 鼠标按下，计算当前元素距离可视区的距离 (鼠标点击位置距离可视窗口的距离)
|
||||
const disX = e.clientX - dialogHeaderEl.offsetLeft
|
||||
const disY = e.clientY - dialogHeaderEl.offsetTop
|
||||
console.log('e.clientX', e.clientX)
|
||||
console.log('e.clientY ', e.clientY)
|
||||
console.log('dialogHeaderEl', dialogHeaderEl)
|
||||
console.log('dialogHeaderEl.offsetLeft', dialogHeaderEl.offsetLeft)
|
||||
console.log('dialogHeaderEl.offsetTop', dialogHeaderEl.offsetTop)
|
||||
// 获取到的值带px 正则匹配替换
|
||||
let styL, styT
|
||||
|
||||
// 注意在ie中 第一次获取到的值为组件自带50% 移动之后赋值为px
|
||||
if (sty.left.includes('%')) {
|
||||
styL = +document.body.clientWidth * (+sty.left.replace(/\%/g, '') / 100)
|
||||
styT = +document.body.clientHeight * (+sty.top.replace(/\%/g, '') / 100)
|
||||
} else {
|
||||
styL = +sty.left.replace(/\px/g, '')
|
||||
styT = +sty.top.replace(/\px/g, '')
|
||||
}
|
||||
|
||||
console.log('styL', styL)
|
||||
console.log('styT', styT)
|
||||
// 鼠标拖拽事件
|
||||
document.onmousemove = function(e) {
|
||||
// 通过事件委托，计算移动的距离 （开始拖拽至结束拖拽的距离）
|
||||
const l = e.clientX - disX // 计算出从左往右边拖动了多少
|
||||
const t = e.clientY - disY // 计算出从上往下拖动了多少
|
||||
|
||||
console.log('l', l)
|
||||
console.log('t', t)
|
||||
let finallyL = l + styL
|
||||
let finallyT = t + styT
|
||||
|
||||
// 边界值判定 注意clientWidth scrollWidth区别 要减去之前的top left值
|
||||
// dragDom.offsetParent表示弹窗阴影部分
|
||||
if (finallyL < 0) {
|
||||
// finallyL = 0
|
||||
finallyL = l + styL
|
||||
console.log('finallyL', finallyL)
|
||||
} else if (finallyL > dragDom.offsetParent.clientWidth - dragDom.clientWidth - dragDom.offsetParent.offsetLeft) {
|
||||
finallyL = dragDom.offsetParent.clientWidth - dragDom.clientWidth - dragDom.offsetParent.offsetLeft
|
||||
}
|
||||
|
||||
if (finallyT < 0) {
|
||||
// finallyT = 0
|
||||
finallyT = t + styT
|
||||
console.log('finallyT', finallyT)
|
||||
} else if (finallyT > dragDom.offsetParent.clientHeight - dragDom.clientHeight - dragDom.offsetParent.offsetLeft) {
|
||||
(
|
||||
finallyT = dragDom.offsetParent.clientHeight - dragDom.clientHeight - dragDom.offsetParent.offsetLeft
|
||||
)
|
||||
}
|
||||
|
||||
// 移动当前元素
|
||||
dragDom.style.left = `${finallyL}px`
|
||||
dragDom.style.top = `${finallyT}px`
|
||||
|
||||
// 将此时的位置传出去
|
||||
// binding.value({x:e.pageX,y:e.pageY})
|
||||
}
|
||||
|
||||
document.onmouseup = function(e) {
|
||||
document.onmousemove = null
|
||||
document.onmouseup = null
|
||||
}
|
||||
}
|
||||
}
|
||||
})
|
||||
</script>
|
||||
|
||||
<script>
|
||||
var home = { template: '<div>welcome 首页</div>' }
|
||||
|
||||
var routes = [
|
||||
{ path: '/scb', component: window.Wellcomponent },
|
||||
{ path: '/mr', component: window.mrcomponent },
|
||||
{ path: '/user', component: window.Usercomponent },
|
||||
{ path: '/puser', component: window.pUsercomponent },
|
||||
{ path: '/buser', component: window.bUsercomponent },
|
||||
{ path: '/base_data', component: window.Basecomponent },
|
||||
{ path: '/pf', component: window.pfcomponent },
|
||||
{ path: '/ds', component: window.dscomponent },
|
||||
{ path: '/rsm', component: window.rsmcomponent },
|
||||
{ path: '/tw', component: window.twcomponent },
|
||||
{ path: '*', redirect: '/scb'},
|
||||
]
|
||||
|
||||
var router = new VueRouter({
|
||||
routes: routes
|
||||
})
|
||||
|
||||
new Vue(
|
||||
{
|
||||
el:"#app",
|
||||
data(){
|
||||
return{
|
||||
ifhidden:false,
|
||||
onlineuser:localStorage.getItem("online_user"),
|
||||
NavigateItem:[],
|
||||
if_show:false,
|
||||
show_message_flag:false,
|
||||
message_Data:[],
|
||||
|
||||
did:localStorage.getItem("did"),
|
||||
level:localStorage.getItem("level"),
|
||||
}
|
||||
},
|
||||
router:router,
|
||||
filters: {
|
||||
show_msg_len(data){
|
||||
return data.length;
|
||||
},
|
||||
},
|
||||
methods:{
|
||||
mark_read(){
|
||||
var _this = this;
|
||||
axios.post('/pkpi/message_mark', {
|
||||
opuser:localStorage.getItem("online_user"),
|
||||
opuser_uuid:localStorage.getItem("uuid"),
|
||||
})
|
||||
.then(function (response) {
|
||||
_this.show_message();
|
||||
})
|
||||
.catch(function (error) {
|
||||
console.log(error);
|
||||
});
|
||||
},
|
||||
show_message(){
|
||||
var _this = this;
|
||||
axios.post('/pkpi/get_message', {
|
||||
opuser:localStorage.getItem("online_user"),
|
||||
opuser_uuid:localStorage.getItem("uuid"),
|
||||
})
|
||||
.then(function (response) {
|
||||
_this.$data.message_Data = response.data.data;
|
||||
|
||||
_this.$data.show_message_flag=true;
|
||||
})
|
||||
.catch(function (error) {
|
||||
console.log(error);
|
||||
});
|
||||
|
||||
},
|
||||
handleClose(done) {
|
||||
done();
|
||||
},
|
||||
handleCommand(command) {
|
||||
if (command === 'exit') {
|
||||
loginout();
|
||||
}else if (command === 'help'){
|
||||
var url = 'help.html';
|
||||
url = encodeURI(url);
|
||||
window.open(url, "");
|
||||
}
|
||||
},
|
||||
|
||||
},
|
||||
mounted() {
|
||||
var _this = this;
|
||||
/*axios.post('/pkpi/get_message', {
|
||||
opuser:localStorage.getItem("online_user"),
|
||||
opuser_uuid:localStorage.getItem("uuid"),
|
||||
})
|
||||
.then(function (response) {
|
||||
_this.$data.message_Data = response.data.data;
|
||||
})
|
||||
.catch(function (error) {
|
||||
console.log(error);
|
||||
});*/
|
||||
|
||||
axios.post('/u_ma/getMenu', {
|
||||
username: localStorage.getItem("online_user"),
|
||||
uuid: localStorage.getItem("uuid")
|
||||
})
|
||||
.then(function (response) {
|
||||
_this.$data.NavigateItem = response.data.data;
|
||||
|
||||
console.log(_this.$data.NavigateItem);
|
||||
_this.$data.if_show = true;
|
||||
})
|
||||
.catch(function (error) {
|
||||
console.log(error);
|
||||
});
|
||||
}
|
||||
}
|
||||
);
|
||||
|
||||
</script>
|
||||
|
||||
<style>
|
||||
/* 设置背景色 */
|
||||
.packageDownLoad-tooltip {
|
||||
background: #8abcd1 !important;
|
||||
}
|
||||
.el-tooltip__popper[x-placement^=right] .popper__arrow{
|
||||
border-right-color: #8abcd1;
|
||||
}
|
||||
.el-tooltip__popper[x-placement^=right] .popper__arrow:after {
|
||||
border-right-color: #8abcd1;
|
||||
}
|
||||
|
||||
.el-tooltip__popper[x-placement^=left] .popper__arrow{
|
||||
border-left-color: #8abcd1;
|
||||
}
|
||||
.el-tooltip__popper[x-placement^=left] .popper__arrow:after {
|
||||
border-left-color: #8abcd1;
|
||||
}
|
||||
|
||||
.el-dialog__footer {
|
||||
text-align: center;
|
||||
}
|
||||
.el-dropdown-link {
|
||||
cursor: pointer;
|
||||
color: #F8F8F8;
|
||||
}
|
||||
.el-card {
|
||||
text-align: center;
|
||||
padding: 10px;
|
||||
font-size: 16px;
|
||||
}
|
||||
.el-card span{
|
||||
margin-left: 3px;
|
||||
}
|
||||
|
||||
.span{
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
||||
.el-table button{
|
||||
padding-top: 0px;
|
||||
padding-bottom: 0px;
|
||||
}
|
||||
|
||||
.el-divider--horizontal{
|
||||
margin-top: 20px;
|
||||
margin-bottom: 0px;
|
||||
height: 0.5px;
|
||||
background-color: #EBEEF5;
|
||||
}
|
||||
|
||||
.el-divider--vertical{
|
||||
display: inline-block;
|
||||
width: 1px;
|
||||
height: 100%;
|
||||
margin: 0 8px;
|
||||
vertical-align: middle;
|
||||
position: relative;
|
||||
border-top: 1px dashed #e8eaec;
|
||||
}
|
||||
|
||||
.el-table .success-row {
|
||||
background: #D9E1F2;//f0f9eb
|
||||
}
|
||||
|
||||
.el-table .warning-row-1 {
|
||||
color: #F9C57A;
|
||||
}
|
||||
|
||||
.el-table .warning-row {
|
||||
color: #ff0000;
|
||||
}
|
||||
|
||||
.el-menu{
|
||||
font-family: "Microsoft YaHei",Arial,Helvetica,sans-serif,"宋体";
|
||||
}
|
||||
|
||||
.el-table{
|
||||
font-family: "Microsoft YaHei",Arial,Helvetica,sans-serif,"宋体";
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
.t_hover_button{
|
||||
color: #409EFF;
|
||||
}
|
||||
|
||||
.t_hover_button_1{
|
||||
color: #FFFFFF;
|
||||
}
|
||||
|
||||
.el-table__body tr:hover>td{
|
||||
background: #134857 !important;
|
||||
color: #FFFFFF;
|
||||
}
|
||||
|
||||
/*.el-table__body tr:hover > td .t_hover_button {
|
||||
color: #FFFFFF;
|
||||
}*/
|
||||
|
||||
.el-table th{
|
||||
border-top: 1px solid #D4D4D4;
|
||||
border-right: 1px solid #D4D4D4;
|
||||
}
|
||||
.el-table th:first-child{
|
||||
border-left: 1px solid #D4D4D4;
|
||||
}
|
||||
|
||||
.el-table th:first-child .cell{
|
||||
padding-left: 0px;
|
||||
}
|
||||
|
||||
.el-table td:first-child .cell{
|
||||
padding-left: 0px;
|
||||
}
|
||||
|
||||
.el-table td
|
||||
{
|
||||
border-right: 1px solid #D4D4D4;
|
||||
border-top: 1px solid #D4D4D4;
|
||||
}
|
||||
|
||||
.el-table td:first-child{
|
||||
border-left: 1px solid #D4D4D4;
|
||||
}
|
||||
|
||||
/*.el-table th.is-leaf,{
|
||||
border-width: 0.5px;
|
||||
}*/
|
||||
|
||||
.el-table th.gutter{
|
||||
display: table-cell!important;
|
||||
width: 0px;
|
||||
}
|
||||
|
||||
.el-table td>.cell{
|
||||
padding-top: 3px;
|
||||
padding-bottom: 3px;
|
||||
padding-left: 0rem;
|
||||
padding-right: 0rem;
|
||||
|
||||
border-spacing: 0rem;
|
||||
font-weight: normal;
|
||||
text-align: center;
|
||||
font-size: 13px;
|
||||
}
|
||||
|
||||
.el-table td {
|
||||
padding-top: 0rem;
|
||||
padding-bottom: 0rem;
|
||||
padding-left: 0rem;
|
||||
padding-right: 0rem;
|
||||
border-spacing: 0rem;
|
||||
}
|
||||
|
||||
.el-table th {
|
||||
padding-top: 10px;
|
||||
padding-bottom: 5px;
|
||||
padding-left: 0rem;
|
||||
padding-right: 0rem;
|
||||
border-spacing: 0rem;
|
||||
|
||||
}
|
||||
|
||||
.el-table th>.cell {
|
||||
padding: 0px;
|
||||
border-spacing: 0rem;
|
||||
/*color:#4e545d;
|
||||
font-weight: bold;*/
|
||||
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.homeWrap {
|
||||
/*position: absolute;*/
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.el-drawer {
|
||||
overflow: visible;
|
||||
}
|
||||
|
||||
|
||||
</style>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
|
|
@ -0,0 +1,589 @@
|
|||
var Basecomponent = {
|
||||
template:`
|
||||
<div>
|
||||
<div id="" style="display: flex">
|
||||
<el-input v-model="p_id_v" placeholder="产品编码" clearable style="width: 160px;" @change="input_change"></el-input>
|
||||
<el-input v-model="p_name_v" placeholder="产品名称" clearable style="width: 160px;" @change="input_change"></el-input>
|
||||
<el-button id ="bt_search" plain type="primary" icon="el-icon-search" @click="get_p()">搜索</el-button>
|
||||
<el-button id ="bt_add" plain type="primary" icon="el-icon-circle-plus-outline" @click="add_p()">新增</el-button>
|
||||
<el-button id ="bt_del" plain type="primary" icon="el-icon-circle-plus-outline" @click="del_p()">删除</el-button>
|
||||
<el-button plain type="primary" icon="el-icon-circle-plus-outline" @click="importCsv()">导入编号及名称</el-button>
|
||||
<el-button style="margin-left: 10px;" id ="bt_export" plain type="primary" icon="el-icon-document" @click="exportSap()">导出</el-button>
|
||||
</div>
|
||||
<div>
|
||||
<el-progress v-if="if_show_process" :percentage="percent_len" ></el-progress>
|
||||
</div>
|
||||
<div class="span">
|
||||
<el-table
|
||||
:data="tableData"
|
||||
style="width: 100%"
|
||||
:height="tHeight"
|
||||
:cell-style="{background:'#fff'}"
|
||||
border
|
||||
@selection-change="handleSelectionChange"
|
||||
>
|
||||
<el-table-column
|
||||
type="selection"
|
||||
>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="p_id"
|
||||
label="产品编号"
|
||||
width="120"
|
||||
:show-overflow-tooltip="true">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="p_name"
|
||||
label="产品名称"
|
||||
width="120"
|
||||
:show-overflow-tooltip="true">
|
||||
</el-table-column>
|
||||
|
||||
<el-table-column
|
||||
label="操作"
|
||||
width="100">
|
||||
<template slot-scope="scope">
|
||||
<!--style="height:23px;padding:0px" -->
|
||||
<el-button @click="update_p(scope.row)" type="text" size="medium" >修改</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
</div>
|
||||
|
||||
<div class="block">
|
||||
<span class="demonstration"></span>
|
||||
<el-pagination
|
||||
@size-change="handleSizeChange"
|
||||
@current-change="handleCurrentChange"
|
||||
:current-page="currentPage"
|
||||
:page-sizes="[50,100, 200, 300]"
|
||||
:page-size="pagesize"
|
||||
layout="total, sizes, prev, pager, next, jumper"
|
||||
:total="recordTotal">
|
||||
</el-pagination>
|
||||
</div>
|
||||
|
||||
<el-dialog
|
||||
title="产品信息"
|
||||
:visible.sync="dialogVisible"
|
||||
:lock-scroll ="false"
|
||||
width="40%"
|
||||
style="height: 100%;">
|
||||
<el-form ref="form_p" :model="form" label-width="80px" :rules="rules">
|
||||
<el-row :gutter="10">
|
||||
<el-col :span="12">
|
||||
<el-form-item label="产品编号" prop="p_id">
|
||||
<el-input v-model="form.p_id" :disabled="disabled"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="产品名称" prop="p_name">
|
||||
<el-input v-model="form.p_name" ></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</el-form>
|
||||
<span slot="footer" class="dialog-footer">
|
||||
<el-button @click="dialogVisible = false">取 消</el-button>
|
||||
<el-button id ="bt_ok" plain type="primary" @click="post_p()">确 定</el-button>
|
||||
</span>
|
||||
</el-dialog>
|
||||
|
||||
<el-dialog
|
||||
title="产品编号和名称导入"
|
||||
:visible.sync="importdialogVisible"
|
||||
:lock-scroll ="false"
|
||||
:before-close="importDialog_close"
|
||||
width="30%">
|
||||
<div style="display: flex;">
|
||||
<el-upload
|
||||
class="upload-demo"
|
||||
action=""
|
||||
:on-change="handleChange"
|
||||
:file-list="fileListUpload"
|
||||
:show-file-list="false"
|
||||
accept=".csv"
|
||||
:auto-upload="false">
|
||||
<el-button id ="bt_upload" size="small" plain type="primary">点击上传（csv文件）</el-button>
|
||||
</el-upload>
|
||||
<el-button id ="bt_import" size="small" plain type="primary" @click="importData" style="margin-left: 10px;">确认导入</el-button>
|
||||
<!--<el-button id ="bt_download" size="small" plain type="primary" @click="download_template" style="margin-left: 10px;">下载导入模板文件</el-button>-->
|
||||
</div>
|
||||
<div>
|
||||
<el-progress v-if="if_show_process1" :percentage="percent_len" ></el-progress>
|
||||
</div>
|
||||
<el-table
|
||||
:data="importTableData"
|
||||
style="font-size:13px;margin-top: 10px;width: 100%;"
|
||||
:height="tHeight*0.5"
|
||||
:cell-style="{background:'#fff'}"
|
||||
stripe border>
|
||||
|
||||
<el-table-column
|
||||
prop="p_id"
|
||||
label="产品编号"
|
||||
width="120"
|
||||
:show-overflow-tooltip="true">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="p_name"
|
||||
label="产品名称"
|
||||
width="120"
|
||||
:show-overflow-tooltip="true">
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
</el-dialog>
|
||||
</div>
|
||||
`,
|
||||
data(){
|
||||
// 获取当前屏幕的分辨率
|
||||
let screenW = window.screen.width;
|
||||
let screenH = window.screen.height;
|
||||
console.log("screen width:",screenW);
|
||||
console.log("screen height:",screenH);
|
||||
return {
|
||||
tHeight:screenH*0.8,
|
||||
tableData: [],
|
||||
currentPage: 1,
|
||||
pagesize:50,
|
||||
recordTotal:0,
|
||||
p_id_v:'',
|
||||
p_name_v:'',
|
||||
form: {
|
||||
id:'',
|
||||
p_id: '',
|
||||
p_name:'',
|
||||
},
|
||||
dialogVisible:false,
|
||||
oper_type:0,
|
||||
rules: {
|
||||
p_id: [
|
||||
{ required: true, message: '产品编号不可为空', trigger: 'blur' }
|
||||
],
|
||||
p_name: [
|
||||
{ required: true, message: '产品名称不可为空', trigger: 'blur' }
|
||||
],
|
||||
},
|
||||
multipleSelection: [],
|
||||
importdialogVisible:false,
|
||||
fileListUpload:[],
|
||||
importTableData:[],
|
||||
disabled:true,
|
||||
|
||||
if_show_process:false,
|
||||
percent_len:0,
|
||||
interval:'',
|
||||
if_show_process1:false,
|
||||
}
|
||||
},
|
||||
mounted() {
|
||||
|
||||
var _this = this;
|
||||
|
||||
var objs;
|
||||
axios.post('/u_ma/get_p', {
|
||||
opuser:localStorage.getItem("online_user"),
|
||||
opuser_uuid:localStorage.getItem("uuid"),
|
||||
p_id: _this.$data.p_id_v,
|
||||
p_name: _this.$data.p_name_v,
|
||||
index: _this.$data.currentPage,
|
||||
count: _this.$data.pagesize
|
||||
})
|
||||
.then(function (response) {
|
||||
|
||||
console.log(response.data);
|
||||
objs = response.data.data;
|
||||
rcnt = response.data.total;
|
||||
_this.$data.tableData = objs;
|
||||
_this.$data.recordTotal = rcnt;
|
||||
})
|
||||
.catch(function (error) {
|
||||
console.log(error);
|
||||
});
|
||||
},
|
||||
methods: {
|
||||
input_change(value) {
|
||||
console.log(value);
|
||||
this.get_p();
|
||||
},
|
||||
exportSap(){
|
||||
document.getElementById("bt_export").blur();
|
||||
|
||||
var _this = this;
|
||||
var objs;
|
||||
axios.post('/u_ma/export_sap', {
|
||||
opuser:localStorage.getItem("online_user"),
|
||||
opuser_uuid:localStorage.getItem("uuid"),
|
||||
p_id: _this.$data.p_id_v,
|
||||
p_name: _this.$data.p_name_v,
|
||||
})
|
||||
.then(function (response) {
|
||||
console.log(response.data);
|
||||
var fileid = response.data.fileId;
|
||||
|
||||
var downUrl = '/u_ma/download_file'+"?id="+fileid;
|
||||
downloadUrl("产品编码名称.csv",downUrl);
|
||||
})
|
||||
.catch(function (error) {
|
||||
console.log(error);
|
||||
});
|
||||
},
|
||||
|
||||
importData(){
|
||||
document.getElementById("bt_import").blur();
|
||||
if(this.$data.importTableData.length==0){
|
||||
this.$message({
|
||||
message: "请选择导入文件",
|
||||
type: "warning",
|
||||
duration: 1500
|
||||
});
|
||||
return;
|
||||
}
|
||||
|
||||
this.$confirm('是否确认导入?', '提示', {
|
||||
confirmButtonText: '确定',
|
||||
cancelButtonText: '取消',
|
||||
type: 'warning'
|
||||
}).then(() => {
|
||||
var _this = this;
|
||||
_this.$data.percent_len=0;
|
||||
_this.$data.if_show_process1=true;
|
||||
_this.$data.interval= setInterval(()=>{
|
||||
if(_this.$data.percent_len>=99){
|
||||
clearInterval(_this.$data.interval);
|
||||
return;
|
||||
}
|
||||
|
||||
if (_this.$data.percent_len<98){
|
||||
_this.$data.percent_len+=2
|
||||
}
|
||||
},20)
|
||||
|
||||
axios.post('/u_ma/import_p', {
|
||||
opuser:localStorage.getItem("online_user"),
|
||||
opuser_uuid:localStorage.getItem("uuid"),
|
||||
data:this.$data.importTableData,
|
||||
})
|
||||
.then(function (response) {
|
||||
|
||||
let r = response.data.r;
|
||||
let s = ""
|
||||
let errType = ""
|
||||
if (r == 0) {
|
||||
let len = _this.$data.importTableData.length;
|
||||
errType = "success"
|
||||
s = "导入"+len+"条产品编号和名称成功！";
|
||||
_this.$data.percent_len=100;
|
||||
_this.$data.if_show_process1=false;
|
||||
} else if(r == 1) {
|
||||
errType = "error"
|
||||
s = "正在导入产品编号和名称，请稍后！";
|
||||
clearInterval(_this.$data.interval);
|
||||
} else{
|
||||
errType = "error"
|
||||
s = "导入产品编号和名称失败！";
|
||||
clearInterval(_this.$data.interval);
|
||||
}
|
||||
|
||||
console.log(s);
|
||||
_this.$message({
|
||||
message: s,
|
||||
type: errType,
|
||||
duration: 3000
|
||||
});
|
||||
|
||||
_this.$data.importdialogVisible=false;
|
||||
//更新页面
|
||||
_this.get_p();
|
||||
})
|
||||
.catch(function (error) {
|
||||
console.log(error);
|
||||
});
|
||||
}).catch(() => {
|
||||
this.$message({
|
||||
type: 'info',
|
||||
message: '已取消'
|
||||
});
|
||||
return;
|
||||
});
|
||||
},
|
||||
handleChange(file, fileList) {
|
||||
document.getElementById("bt_upload").blur();
|
||||
|
||||
this.fileTemp = file.raw
|
||||
console.log("filetype:",this.fileTemp);
|
||||
if (this.fileTemp) {
|
||||
console.log("begin ...")
|
||||
console.log(this.fileTemp.type);
|
||||
if ((this.fileTemp.type == 'text/csv') || (this.fileTemp.type == '.csv') || (this.fileTemp.type == 'application/vnd.ms-excel')) {
|
||||
let _this = this//如果需要点击事件结束之后对DOM进行操作使用)_this.xx=xx进行操作
|
||||
Papa.parse(_this.fileTemp, {
|
||||
encoding:'gb2312',
|
||||
complete (results) {
|
||||
console.log(results)//这个是csv文件的数据
|
||||
let data = []
|
||||
//遍历csv文件中的数据，存放到data中 方法不唯一，可自己更改
|
||||
for (let i = 0; i < results.data.length; ++i) {
|
||||
if(i==0){
|
||||
continue;
|
||||
}
|
||||
let obj = {}
|
||||
obj.p_id = results.data[i][0]
|
||||
if(obj.p_id==""|| obj.p_id==undefined){
|
||||
continue;
|
||||
}
|
||||
obj.p_name = results.data[i][1]
|
||||
data.push(obj)
|
||||
}
|
||||
//data.splice(0, 1)//将数组第一位的表格名称去除
|
||||
let num = 0
|
||||
console.log('data', data)
|
||||
_this.$data.importTableData=data;
|
||||
}
|
||||
})
|
||||
|
||||
} else {
|
||||
this.$data.fileListUpload=[];
|
||||
this.$message({
|
||||
type: 'warning',
|
||||
message: '附件格式错误，请删除后重新上传！'
|
||||
})
|
||||
}
|
||||
} else {
|
||||
this.$message({
|
||||
type: 'warning',
|
||||
message: '请上传附件！'
|
||||
})
|
||||
}
|
||||
},
|
||||
|
||||
importCsv(){
|
||||
this.$data.fileListUpload=[];
|
||||
this.$data.importTableData=[];
|
||||
this.$data.importdialogVisible=true;
|
||||
},
|
||||
importDialog_close(done){
|
||||
done();
|
||||
},
|
||||
handleSelectionChange(val) {
|
||||
console.log("已选择");
|
||||
console.log(val);
|
||||
this.multipleSelection = val;
|
||||
},
|
||||
|
||||
post_p(){
|
||||
this.$refs['form_p'].validate((valid) => {
|
||||
if(valid){
|
||||
this.$data.dialogVisible = false;
|
||||
|
||||
var _this = this;
|
||||
|
||||
console.log(_this.$data.form);
|
||||
|
||||
var objs;
|
||||
axios.post('/u_ma/post_p', {
|
||||
opuser:localStorage.getItem("online_user"),
|
||||
opuser_uuid:localStorage.getItem("uuid"),
|
||||
id: _this.$data.form.id,
|
||||
p_id: _this.$data.form.p_id,
|
||||
p_name: _this.$data.form.p_name,
|
||||
oper_type: _this.$data.oper_type,
|
||||
})
|
||||
.then(function (response) {
|
||||
|
||||
let r = response.data.r;
|
||||
let s = ""
|
||||
let errType = ""
|
||||
if (r == 0) {
|
||||
errType = "success"
|
||||
} else{
|
||||
errType = "error"
|
||||
}
|
||||
|
||||
if (_this.$data.oper_type == 1) {
|
||||
|
||||
if (r ==0) {
|
||||
s = "新增产品信息成功！";
|
||||
} else if(r == 1) {
|
||||
s = "已存在相同产品信息！";
|
||||
}else{
|
||||
s = "新增产品信息失败！";
|
||||
}
|
||||
|
||||
} else if (_this.$data.oper_type ==2){
|
||||
|
||||
if (r ==0) {
|
||||
s = "修改产品信息成功！";
|
||||
} else{
|
||||
s = "修改产品信息失败！";
|
||||
}
|
||||
}
|
||||
|
||||
_this.$message({
|
||||
message: s,
|
||||
type: errType,
|
||||
duration: 1500
|
||||
});
|
||||
|
||||
//更新页面
|
||||
_this.get_p();
|
||||
})
|
||||
.catch(function (error) {
|
||||
console.log(error);
|
||||
});
|
||||
|
||||
}
|
||||
});
|
||||
},
|
||||
|
||||
del_p(){
|
||||
var _this = this;
|
||||
|
||||
axios.post('/u_ma/del_p', {
|
||||
opuser:localStorage.getItem("online_user"),
|
||||
opuser_uuid:localStorage.getItem("uuid"),
|
||||
ids: _this.$data.multipleSelection,
|
||||
})
|
||||
.then(function (response) {
|
||||
|
||||
let r = response.data.r;
|
||||
let s = ""
|
||||
let errType = ""
|
||||
if (r == 0) {
|
||||
s = "删除产品信息成功！";
|
||||
errType = "success"
|
||||
} else{
|
||||
s = "删除产品信息失败！";
|
||||
errType = "error"
|
||||
}
|
||||
|
||||
_this.$message({
|
||||
message: s,
|
||||
type: errType,
|
||||
duration: 1500
|
||||
});
|
||||
|
||||
if (r ==0) {
|
||||
_this.get_p();//更新页面
|
||||
}
|
||||
|
||||
})
|
||||
.catch(function (error) {
|
||||
console.log(error);
|
||||
});
|
||||
},
|
||||
|
||||
add_p(){
|
||||
document.getElementById("bt_add").blur();
|
||||
|
||||
this.$data.disabled=false;
|
||||
this.$data.oper_type = 1;
|
||||
this.$data.form = {
|
||||
id:'',
|
||||
p_id: '',
|
||||
p_name:'',
|
||||
};
|
||||
|
||||
this.$nextTick(() => {
|
||||
this.$refs['form_p'].clearValidate()
|
||||
});
|
||||
|
||||
this.$data.dialogVisible = true;
|
||||
},
|
||||
|
||||
update_p(info){
|
||||
this.$data.disabled=true;
|
||||
this.$data.oper_type = 2;
|
||||
this.$data.form = {
|
||||
id:info.id,
|
||||
p_id: info.p_id,
|
||||
p_name:info.p_name,
|
||||
};
|
||||
this.$nextTick(() => {
|
||||
this.$refs['form_p'].clearValidate()
|
||||
});
|
||||
this.$data.dialogVisible = true;
|
||||
},
|
||||
|
||||
get_p(){
|
||||
document.getElementById("bt_search").blur();
|
||||
|
||||
this.$data.currentPage=1;
|
||||
|
||||
var _this = this;
|
||||
|
||||
var objs;
|
||||
axios.post('/u_ma/get_p', {
|
||||
opuser:localStorage.getItem("online_user"),
|
||||
opuser_uuid:localStorage.getItem("uuid"),
|
||||
p_id: _this.$data.p_id_v,
|
||||
p_name: _this.$data.p_name_v,
|
||||
index: this.$data.currentPage,
|
||||
count: this.$data.pagesize
|
||||
})
|
||||
.then(function (response) {
|
||||
console.log(response.data);
|
||||
objs = response.data.data;
|
||||
rcnt = response.data.total;
|
||||
_this.$data.tableData = objs;
|
||||
_this.$data.recordTotal = rcnt;
|
||||
})
|
||||
.catch(function (error) {
|
||||
console.log(error);
|
||||
});
|
||||
|
||||
},
|
||||
|
||||
handleSizeChange(val) {
|
||||
this.$data.pagesize = val;
|
||||
|
||||
var _this = this;
|
||||
|
||||
var objs;
|
||||
axios.post('/u_ma/get_p', {
|
||||
opuser:localStorage.getItem("online_user"),
|
||||
opuser_uuid:localStorage.getItem("uuid"),
|
||||
p_id: _this.$data.p_id_v,
|
||||
p_name: _this.$data.p_name_v,
|
||||
index: this.$data.currentPage,
|
||||
count: this.$data.pagesize
|
||||
})
|
||||
.then(function (response) {
|
||||
console.log(response.data);
|
||||
objs = response.data.data;
|
||||
rcnt = response.data.total;
|
||||
_this.$data.tableData = objs;
|
||||
_this.$data.recordTotal = rcnt;
|
||||
})
|
||||
.catch(function (error) {
|
||||
console.log(error);
|
||||
});
|
||||
},
|
||||
handleCurrentChange(val) {
|
||||
this.$data.currentPage = val;
|
||||
|
||||
var _this = this;
|
||||
|
||||
var objs;
|
||||
axios.post('/u_ma/get_p', {
|
||||
opuser:localStorage.getItem("online_user"),
|
||||
opuser_uuid:localStorage.getItem("uuid"),
|
||||
p_id: _this.$data.p_id_v,
|
||||
p_name: _this.$data.p_name_v,
|
||||
index: this.$data.currentPage,
|
||||
count: this.$data.pagesize
|
||||
})
|
||||
.then(function (response) {
|
||||
console.log(response.data);
|
||||
objs = response.data.data;
|
||||
rcnt = response.data.total;
|
||||
_this.$data.tableData = objs;
|
||||
_this.$data.recordTotal = rcnt;
|
||||
})
|
||||
.catch(function (error) {
|
||||
console.log(error);
|
||||
});
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -0,0 +1,171 @@
|
|||
/*
|
||||
|
||||
# Copyright 2014, Viktor Wahlberg.
|
||||
#
|
||||
# This program is free software: you can redistribute it and/or modify
|
||||
# it under the terms of the GNU General Public License as published by
|
||||
# the Free Software Foundation, either version 3 of the License, or
|
||||
# (at your option) any later version.
|
||||
#
|
||||
# This program is distributed in the hope that it will be useful,
|
||||
# but WITHOUT ANY WARRANTY; without even the implied warranty of
|
||||
# MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
||||
# GNU General Public License for more details.
|
||||
#
|
||||
# You should have received a copy of the GNU General Public License
|
||||
# along with this program. If not, see <http://www.gnu.org/licenses/>.
|
||||
|
||||
*/
|
||||
|
||||
// Main browser.js Object...
|
||||
|
||||
var browserJS = new Object;
|
||||
|
||||
// browser.js userAgent array for quick and accurate lookup, if userAgent is added...
|
||||
|
||||
browserJS.userAgentStringArray = {
|
||||
/*
|
||||
|
||||
All userAgent strings listed below are incomplete. The object has been
|
||||
constructed this way so that multiple versions of the same browser can
|
||||
be detected using the same string. These dynamic values of the
|
||||
userAgent string are replaced with a underscore followed by a name in
|
||||
all caps and ended with another underscore. Each of these variables
|
||||
are handled in the init function.
|
||||
|
||||
*/
|
||||
"Mozilla/5.0 (_OS_) Gecko/_GECKO_ Firefox/_VERSION_": {
|
||||
"name": "Forefox",
|
||||
"userAgentLayout": "os,gecko,version"
|
||||
},
|
||||
"Mozilla/5.0 (_OS_) AppleWebKit/_WEBKIT_BUILD_ (KHTML, like Gecko) Chrome/_CHROME_VERSION_ Safari/_SAFARI_ OPR/_VERSION_": {
|
||||
"name": "Opera",
|
||||
"userAgentLayout": "os,webkit_build,chrome_version,safari,version"
|
||||
},
|
||||
"Mozilla/5.0 (_OS_) AppleWebKit/_WEBKIT_BUILD_ (KHTML, like Gecko) Chrome/_CHROME_VERSION_ Maxthon/_VERSION_ Safari/_SAFARI_": {
|
||||
"name": "Maxthon",
|
||||
"userAgentLayout": "os,webkit_build,chrome_version,version,safari"
|
||||
},
|
||||
// Google Chrome 0 to CURRENT
|
||||
"Mozilla/5.0 (_OS_) AppleWebKit/_WEBKIT_BUILD_ (KHTML, like Gecko) Chrome/_VERSION_ Safari/_SAFARI_": {
|
||||
"name": "Google Chrome",
|
||||
"userAgentLayout": "os,webkit_build,version,safari"
|
||||
}
|
||||
};
|
||||
|
||||
// Premade object containing all variables of the browser object, when checking browserJS.browser structure and creating browserJS.browser failed state...
|
||||
|
||||
browserJS.failedObject = {
|
||||
"name": "Unknown",
|
||||
"logicalName": "unknown",
|
||||
"version": "0",
|
||||
"os": "Unknown",
|
||||
"logicalOs": "unknown"
|
||||
};
|
||||
|
||||
|
||||
|
||||
|
||||
// Get object size, used in for loops...
|
||||
|
||||
browserJS.getObjectSize = function (obj) {
|
||||
var size = 0, key;
|
||||
for (key in obj)
|
||||
{
|
||||
if (obj.hasOwnProperty(key)) size++;
|
||||
}
|
||||
return size;
|
||||
}
|
||||
|
||||
|
||||
|
||||
// Declare current userAgent and create browserJS.browser object...
|
||||
|
||||
browserJS.UA = navigator.userAgent;
|
||||
browserJS.browser = browserJS.failedObject;
|
||||
|
||||
|
||||
// Init function, makes calls for other functions and add values to browserJS.browser Object...
|
||||
|
||||
browserJS.init = function () {
|
||||
// Try to figure out what browser, version, webkit build and os the user is running...
|
||||
|
||||
for(var i = 0;browserJS.userAgentStringArray[Object.getOwnPropertyNames(browserJS.userAgentStringArray)[i]];i++)
|
||||
{
|
||||
// Make a new variable with the value of the test userAgent string...
|
||||
var UAUsed = Object.getOwnPropertyNames(browserJS.userAgentStringArray)[i];
|
||||
// Make a new variable with the value of the real userAgent string...
|
||||
var UAReal = browserJS.UA;
|
||||
var skippedVariablesCount = 0;
|
||||
|
||||
var userAgentSpecificVariableLayout = browserJS.userAgentStringArray[Object.getOwnPropertyNames(browserJS.userAgentStringArray)[i]]["userAgentLayout"].split(",");
|
||||
for(var j = 0;userAgentSpecificVariableLayout[j];j++)
|
||||
{
|
||||
// Check if UAUsed is string...
|
||||
if(typeof UAUsed == "string")
|
||||
{
|
||||
// Split the string on each userAgent variable and use the first part to split the real userAgent...
|
||||
// This will allow us to check the static parts of the userAgent only, so that dynamic variables (such as version numbers) don't matter when checking what browser...
|
||||
UAUsed = UAUsed.split("_" + userAgentSpecificVariableLayout[j].toUpperCase() + "_");
|
||||
if(typeof(UAUsed != "string"))
|
||||
{
|
||||
UAReal = UAReal.split(UAUsed[0]);
|
||||
if(typeof UAReal == "string")
|
||||
{
|
||||
UAReal = browserJS.UA;
|
||||
break;
|
||||
}
|
||||
}
|
||||
else
|
||||
{
|
||||
skippedVariablesCount++;
|
||||
continue;
|
||||
}
|
||||
}
|
||||
else
|
||||
{
|
||||
// When the UAUsed have been split you cannot use the same method, basically does the same thing as above with a different method...
|
||||
UAUsed = UAUsed[UAUsed.length-1];
|
||||
UAUsed = UAUsed.split("_" + userAgentSpecificVariableLayout[j].toUpperCase() + "_");
|
||||
if(typeof UAUsed != "string" && UAUsed.length == 2)
|
||||
{
|
||||
var UARealSplit = UAReal[j-skippedVariablesCount].split(UAUsed[0]);
|
||||
if(UARealSplit.length == 2)
|
||||
{
|
||||
var push_value1 = UARealSplit[0];
|
||||
var push_value2 = UARealSplit[1];
|
||||
UAReal[j-skippedVariablesCount] = push_value1;
|
||||
UAReal.push(push_value2);
|
||||
}
|
||||
else
|
||||
{
|
||||
UAReal = browserJS.UA;
|
||||
break;
|
||||
}
|
||||
}
|
||||
else
|
||||
{
|
||||
skippedVariablesCount++;
|
||||
continue;
|
||||
}
|
||||
}
|
||||
}
|
||||
if(UAReal != browserJS.UA)
|
||||
{
|
||||
browserJS.browser = browserJS.userAgentStringArray[Object.getOwnPropertyNames(browserJS.userAgentStringArray)[i]];
|
||||
var userAgentString = browserJS.browser["userAgentLayout"].split(",");
|
||||
var UA = Object.getOwnPropertyNames(browserJS.userAgentStringArray)[i];
|
||||
for(var k = 0;userAgentString[k];k++)
|
||||
{
|
||||
console.log(UAReal)
|
||||
console.log(userAgentString["userAgentLayout"])
|
||||
browserJS.browser[userAgentString[k]] = UAReal[k+1];
|
||||
}
|
||||
break;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Run the browser.js initiation function. This function will run when the script has been loaded, not when the page is loaded. You might want to change this...
|
||||
|
||||
browserJS.init();
|
||||
|
|
@ -0,0 +1,62 @@
|
|||
var refresh_err_cnt = 0
|
||||
function checkUser(){
|
||||
if (localStorage.getItem("online_user") == '') {
|
||||
location.href = "login.html";
|
||||
}else{
|
||||
axios.post('/u_ma/refreshUser', {
|
||||
username: localStorage.getItem("online_user"),
|
||||
uuid: localStorage.getItem("uuid"),
|
||||
})
|
||||
.then(function (response) {
|
||||
|
||||
if (response.status != 200) {
|
||||
//location.href="login.html";
|
||||
refresh_err_cnt+=1;
|
||||
console.log("refresh_err_cnt:",refresh_err_cnt);
|
||||
if (refresh_err_cnt>3) {
|
||||
localStorage.setItem("refresh_err_cnt",refresh_err_cnt);
|
||||
refresh_err_cnt = 0;
|
||||
location.href="login.html";
|
||||
}
|
||||
}else if (response.status == 200 && response.data.r !=0) {
|
||||
location.href="login.html";
|
||||
}else if (response.status == 200 && response.data.r ==0) {
|
||||
if (refresh_err_cnt > 0) {
|
||||
refresh_err_cnt = 0;
|
||||
}
|
||||
}
|
||||
|
||||
})
|
||||
.catch(function (error) {
|
||||
|
||||
refresh_err_cnt+=1;
|
||||
console.log("refresh_err_cnt:",refresh_err_cnt);
|
||||
if (refresh_err_cnt>3) {
|
||||
localStorage.setItem("catch-error",error);
|
||||
refresh_err_cnt = 0;
|
||||
location.href="login.html";
|
||||
}
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
{
|
||||
let url = decodeURI(window.location.href);
|
||||
let argsIndex = url .split("?user=");
|
||||
console.log("current html argsIndex:",argsIndex);
|
||||
let arg = argsIndex[1];
|
||||
console.log("current html arg:",arg);
|
||||
|
||||
let argsIndex1 = url .split("uuid=");
|
||||
console.log("current html argsIndex1:",argsIndex1);
|
||||
let arg1= argsIndex1[1];
|
||||
console.log("current html arg1:",arg1);
|
||||
if (arg == undefined ||arg1 == undefined) {
|
||||
console.log("user uuid error!")
|
||||
}else{
|
||||
localStorage.setItem("online_user",arg);
|
||||
localStorage.setItem("uuid",arg1);
|
||||
}
|
||||
|
||||
checkUser();
|
||||
}
|
||||
|
|
@ -0,0 +1,512 @@
|
|||
var dscomponent = {
|
||||
template:`
|
||||
<div>
|
||||
<div id="" style="display: flex">
|
||||
<el-input v-model="p_id_v" placeholder="产品编码" clearable style="width: 160px;" @change="input_change"></el-input>
|
||||
<el-input v-model="p_name_v" placeholder="产品名称" clearable style="width: 160px;" @change="input_change"></el-input>
|
||||
<el-button id ="bt_search" plain type="primary" icon="el-icon-search" @click="get_ds()">搜索</el-button>
|
||||
<el-button plain type="primary" icon="el-icon-circle-plus-outline" @click="importCsv()">导入</el-button>
|
||||
<el-button id ="bt_del" plain type="primary" icon="el-icon-circle-plus-outline" @click="del_ds()">删除</el-button>
|
||||
</div>
|
||||
<div>
|
||||
<el-progress v-if="if_show_process" :percentage="percent_len" ></el-progress>
|
||||
</div>
|
||||
<div class="span">
|
||||
<el-table
|
||||
:data="tableData"
|
||||
style="width: 100%"
|
||||
:height="tHeight"
|
||||
:cell-style="{background:'#fff'}"
|
||||
border
|
||||
@selection-change="handleSelectionChange"
|
||||
>
|
||||
<el-table-column
|
||||
type="selection"
|
||||
>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="p_id"
|
||||
label="产品编号"
|
||||
width="120"
|
||||
:show-overflow-tooltip="true">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="p_name"
|
||||
label="产品名称"
|
||||
width="120"
|
||||
:show-overflow-tooltip="true">
|
||||
</el-table-column>
|
||||
|
||||
<el-table-column
|
||||
prop="serial_num"
|
||||
label="序列号"
|
||||
width="120"
|
||||
:show-overflow-tooltip="true">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="file"
|
||||
label="原始数据"
|
||||
width="160"
|
||||
:show-overflow-tooltip="true"
|
||||
>
|
||||
<template slot-scope="scope">
|
||||
<el-button @click="down_files(scope.row)" type="text" size="small">{{scope.row.file}}</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="archive_user"
|
||||
label="归档人"
|
||||
width="120"
|
||||
>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="archive_time"
|
||||
label="归档日期"
|
||||
width="120"
|
||||
>
|
||||
</el-table-column>
|
||||
|
||||
<el-table-column
|
||||
label="操作"
|
||||
width="120">
|
||||
<template slot-scope="scope">
|
||||
<el-upload
|
||||
class="upload-demo"
|
||||
ref="upload"
|
||||
action="/pkpi/upload_ds_file"
|
||||
:on-change="handleChange_file"
|
||||
:file-list="fileList"
|
||||
:show-file-list="false"
|
||||
:on-success="upload_file_success"
|
||||
:on-error="upload_file_error"
|
||||
:data="upload_param(scope.row)">
|
||||
<el-button slot="trigger" size="medium" type="success" >上传</el-button>
|
||||
</el-upload>
|
||||
</template>
|
||||
</el-table-column>
|
||||
|
||||
</el-table>
|
||||
</div>
|
||||
|
||||
<div class="block">
|
||||
<span class="demonstration"></span>
|
||||
<el-pagination
|
||||
@size-change="handleSizeChange"
|
||||
@current-change="handleCurrentChange"
|
||||
:current-page="currentPage"
|
||||
:page-sizes="[50,100, 200, 300]"
|
||||
:page-size="pagesize"
|
||||
layout="total, sizes, prev, pager, next, jumper"
|
||||
:total="recordTotal">
|
||||
</el-pagination>
|
||||
</div>
|
||||
|
||||
<el-dialog
|
||||
title="基础数据导入"
|
||||
:visible.sync="importdialogVisible"
|
||||
:lock-scroll ="false"
|
||||
:before-close="importDialog_close"
|
||||
width="30%">
|
||||
<div style="display: flex;">
|
||||
<el-upload
|
||||
class="upload-demo"
|
||||
action=""
|
||||
:on-change="handleChange"
|
||||
:file-list="fileListUpload"
|
||||
:show-file-list="false"
|
||||
accept=".csv"
|
||||
:auto-upload="false">
|
||||
<el-button id ="bt_upload" size="small" plain type="primary">点击上传（csv文件）</el-button>
|
||||
</el-upload>
|
||||
<el-button id ="bt_import" size="small" plain type="primary" @click="importData" style="margin-left: 10px;">确认导入</el-button>
|
||||
<!--<el-button id ="bt_download" size="small" plain type="primary" @click="download_template" style="margin-left: 10px;">下载导入模板文件</el-button>-->
|
||||
</div>
|
||||
<div>
|
||||
<el-progress v-if="if_show_process1" :percentage="percent_len" ></el-progress>
|
||||
</div>
|
||||
<el-table
|
||||
:data="importTableData"
|
||||
style="font-size:13px;margin-top: 10px;width: 100%;"
|
||||
:height="tHeight*0.5"
|
||||
:cell-style="{background:'#fff'}"
|
||||
stripe border>
|
||||
|
||||
<el-table-column
|
||||
prop="p_id"
|
||||
label="产品编号"
|
||||
width="120"
|
||||
:show-overflow-tooltip="true">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="p_name"
|
||||
label="产品名称"
|
||||
width="120"
|
||||
:show-overflow-tooltip="true">
|
||||
</el-table-column>
|
||||
|
||||
<el-table-column
|
||||
prop="serial_num"
|
||||
label="序列号"
|
||||
width="120"
|
||||
:show-overflow-tooltip="true">
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
</el-dialog>
|
||||
</div>
|
||||
`,
|
||||
data(){
|
||||
// 获取当前屏幕的分辨率
|
||||
let screenW = window.screen.width;
|
||||
let screenH = window.screen.height;
|
||||
console.log("screen width:",screenW);
|
||||
console.log("screen height:",screenH);
|
||||
return {
|
||||
tHeight:screenH*0.8,
|
||||
tableData: [],
|
||||
currentPage: 1,
|
||||
pagesize:50,
|
||||
recordTotal:0,
|
||||
p_id_v:'',
|
||||
p_name_v:'',
|
||||
|
||||
dialogVisible:false,
|
||||
oper_type:0,
|
||||
multipleSelection: [],
|
||||
importdialogVisible:false,
|
||||
fileListUpload:[],
|
||||
importTableData:[],
|
||||
disabled:true,
|
||||
|
||||
if_show_process:false,
|
||||
percent_len:0,
|
||||
interval:'',
|
||||
if_show_process1:false,
|
||||
|
||||
fileList:[],
|
||||
}
|
||||
},
|
||||
mounted() {
|
||||
|
||||
var _this = this;
|
||||
|
||||
var objs;
|
||||
axios.post('/pkpi/get_ds', {
|
||||
opuser:localStorage.getItem("online_user"),
|
||||
opuser_uuid:localStorage.getItem("uuid"),
|
||||
p_id: _this.$data.p_id_v,
|
||||
p_name: _this.$data.p_name_v,
|
||||
index: _this.$data.currentPage,
|
||||
count: _this.$data.pagesize
|
||||
})
|
||||
.then(function (response) {
|
||||
|
||||
console.log(response.data);
|
||||
objs = response.data.data;
|
||||
rcnt = response.data.total;
|
||||
_this.$data.tableData = objs;
|
||||
_this.$data.recordTotal = rcnt;
|
||||
})
|
||||
.catch(function (error) {
|
||||
console.log(error);
|
||||
});
|
||||
},
|
||||
methods: {
|
||||
down_files(row){
|
||||
var downUrl = '/pkpi/download_ds_file'+"?id="+row.file;
|
||||
downloadUrl(row.file,downUrl);
|
||||
},
|
||||
upload_param(row){
|
||||
console.log("---")
|
||||
return {
|
||||
id:row.id,
|
||||
archive_user:localStorage.getItem("online_user")
|
||||
}
|
||||
},
|
||||
upload_file_error(response, file, fileList){
|
||||
this.$message({
|
||||
message: "上传失败",
|
||||
type: "error",
|
||||
duration: 1500
|
||||
});
|
||||
},
|
||||
upload_file_success(response, file, fileList){
|
||||
this.$message({
|
||||
message: "上传成功",
|
||||
type: "success",
|
||||
duration: 1500
|
||||
});
|
||||
this.get_ds(this.$data.currentPage);
|
||||
},
|
||||
handleChange_file(file, fileList) {
|
||||
console.log(file);
|
||||
this.fileList = fileList.slice(-1);
|
||||
},
|
||||
input_change(value) {
|
||||
console.log(value);
|
||||
this.get_ds();
|
||||
},
|
||||
importData(){
|
||||
document.getElementById("bt_import").blur();
|
||||
if(this.$data.importTableData.length==0){
|
||||
this.$message({
|
||||
message: "请选择导入文件",
|
||||
type: "warning",
|
||||
duration: 1500
|
||||
});
|
||||
return;
|
||||
}
|
||||
|
||||
this.$confirm('是否确认导入?', '提示', {
|
||||
confirmButtonText: '确定',
|
||||
cancelButtonText: '取消',
|
||||
type: 'warning'
|
||||
}).then(() => {
|
||||
var _this = this;
|
||||
_this.$data.percent_len=0;
|
||||
_this.$data.if_show_process1=true;
|
||||
_this.$data.interval= setInterval(()=>{
|
||||
if(_this.$data.percent_len>=99){
|
||||
clearInterval(_this.$data.interval);
|
||||
return;
|
||||
}
|
||||
|
||||
if (_this.$data.percent_len<98){
|
||||
_this.$data.percent_len+=2
|
||||
}
|
||||
},20)
|
||||
|
||||
axios.post('/pkpi/import_ds_file', {
|
||||
opuser:localStorage.getItem("online_user"),
|
||||
opuser_uuid:localStorage.getItem("uuid"),
|
||||
data:this.$data.importTableData,
|
||||
})
|
||||
.then(function (response) {
|
||||
|
||||
let r = response.data.r;
|
||||
let s = ""
|
||||
let errType = ""
|
||||
if (r == 0) {
|
||||
let len = _this.$data.importTableData.length;
|
||||
errType = "success"
|
||||
s = "导入成功("+len+"条)";
|
||||
_this.$data.percent_len=100;
|
||||
_this.$data.if_show_process1=false;
|
||||
} else if(r == 1) {
|
||||
errType = "error"
|
||||
s = "正在导入，请稍后！";
|
||||
clearInterval(_this.$data.interval);
|
||||
} else{
|
||||
errType = "error"
|
||||
s = "导入失败！";
|
||||
clearInterval(_this.$data.interval);
|
||||
}
|
||||
|
||||
console.log(s);
|
||||
_this.$message({
|
||||
message: s,
|
||||
type: errType,
|
||||
duration: 3000
|
||||
});
|
||||
|
||||
_this.$data.importdialogVisible=false;
|
||||
//更新页面
|
||||
_this.get_ds();
|
||||
})
|
||||
.catch(function (error) {
|
||||
console.log(error);
|
||||
});
|
||||
}).catch(() => {
|
||||
this.$message({
|
||||
type: 'info',
|
||||
message: '已取消'
|
||||
});
|
||||
return;
|
||||
});
|
||||
},
|
||||
handleChange(file, fileList) {
|
||||
document.getElementById("bt_upload").blur();
|
||||
|
||||
this.fileTemp = file.raw
|
||||
console.log("filetype:",this.fileTemp);
|
||||
if (this.fileTemp) {
|
||||
console.log("begin ...")
|
||||
console.log(this.fileTemp.type);
|
||||
if ((this.fileTemp.type == 'text/csv') || (this.fileTemp.type == '.csv') || (this.fileTemp.type == 'application/vnd.ms-excel')) {
|
||||
let _this = this//如果需要点击事件结束之后对DOM进行操作使用)_this.xx=xx进行操作
|
||||
Papa.parse(_this.fileTemp, {
|
||||
encoding:'gb2312',
|
||||
complete (results) {
|
||||
console.log(results)//这个是csv文件的数据
|
||||
let data = []
|
||||
//遍历csv文件中的数据，存放到data中 方法不唯一，可自己更改
|
||||
for (let i = 0; i < results.data.length; ++i) {
|
||||
if(i==0){
|
||||
continue;
|
||||
}
|
||||
let obj = {}
|
||||
obj.p_id = results.data[i][0]
|
||||
if(obj.p_id==""|| obj.p_id==undefined){
|
||||
continue;
|
||||
}
|
||||
obj.p_name = results.data[i][1]
|
||||
obj.serial_num = results.data[i][2]
|
||||
data.push(obj)
|
||||
}
|
||||
//data.splice(0, 1)//将数组第一位的表格名称去除
|
||||
console.log('data', data)
|
||||
_this.$data.importTableData=data;
|
||||
}
|
||||
})
|
||||
|
||||
} else {
|
||||
this.$data.fileListUpload=[];
|
||||
this.$message({
|
||||
type: 'warning',
|
||||
message: '附件格式错误，请删除后重新上传！'
|
||||
})
|
||||
}
|
||||
} else {
|
||||
this.$message({
|
||||
type: 'warning',
|
||||
message: '请上传附件！'
|
||||
})
|
||||
}
|
||||
},
|
||||
|
||||
importCsv(){
|
||||
this.$data.fileListUpload=[];
|
||||
this.$data.importTableData=[];
|
||||
this.$data.importdialogVisible=true;
|
||||
},
|
||||
importDialog_close(done){
|
||||
done();
|
||||
},
|
||||
handleSelectionChange(val) {
|
||||
console.log("已选择");
|
||||
console.log(val);
|
||||
this.multipleSelection = val;
|
||||
},
|
||||
|
||||
del_ds(){
|
||||
var _this = this;
|
||||
|
||||
axios.post('/pkpi/del_ds', {
|
||||
opuser:localStorage.getItem("online_user"),
|
||||
opuser_uuid:localStorage.getItem("uuid"),
|
||||
ids: _this.$data.multipleSelection,
|
||||
})
|
||||
.then(function (response) {
|
||||
|
||||
let r = response.data.r;
|
||||
let s = ""
|
||||
let errType = ""
|
||||
if (r == 0) {
|
||||
s = "删除成功！";
|
||||
errType = "success"
|
||||
} else{
|
||||
s = "删除失败！";
|
||||
errType = "error"
|
||||
}
|
||||
|
||||
_this.$message({
|
||||
message: s,
|
||||
type: errType,
|
||||
duration: 1500
|
||||
});
|
||||
|
||||
if (r ==0) {
|
||||
_this.get_ds();//更新页面
|
||||
}
|
||||
|
||||
})
|
||||
.catch(function (error) {
|
||||
console.log(error);
|
||||
});
|
||||
},
|
||||
|
||||
get_ds(cur_page){
|
||||
document.getElementById("bt_search").blur();
|
||||
|
||||
if (cur_page==undefined){
|
||||
this.$data.currentPage=1;
|
||||
} else {
|
||||
this.$data.currentPage=cur_page;
|
||||
}
|
||||
|
||||
var _this = this;
|
||||
|
||||
var objs;
|
||||
axios.post('/pkpi/get_ds', {
|
||||
opuser:localStorage.getItem("online_user"),
|
||||
opuser_uuid:localStorage.getItem("uuid"),
|
||||
p_id: _this.$data.p_id_v,
|
||||
p_name: _this.$data.p_name_v,
|
||||
index: this.$data.currentPage,
|
||||
count: this.$data.pagesize
|
||||
})
|
||||
.then(function (response) {
|
||||
console.log(response.data);
|
||||
objs = response.data.data;
|
||||
rcnt = response.data.total;
|
||||
_this.$data.tableData = objs;
|
||||
_this.$data.recordTotal = rcnt;
|
||||
})
|
||||
.catch(function (error) {
|
||||
console.log(error);
|
||||
});
|
||||
|
||||
},
|
||||
|
||||
handleSizeChange(val) {
|
||||
this.$data.pagesize = val;
|
||||
|
||||
var _this = this;
|
||||
|
||||
var objs;
|
||||
axios.post('/pkpi/get_ds', {
|
||||
opuser:localStorage.getItem("online_user"),
|
||||
opuser_uuid:localStorage.getItem("uuid"),
|
||||
p_id: _this.$data.p_id_v,
|
||||
p_name: _this.$data.p_name_v,
|
||||
index: this.$data.currentPage,
|
||||
count: this.$data.pagesize
|
||||
})
|
||||
.then(function (response) {
|
||||
console.log(response.data);
|
||||
objs = response.data.data;
|
||||
rcnt = response.data.total;
|
||||
_this.$data.tableData = objs;
|
||||
_this.$data.recordTotal = rcnt;
|
||||
})
|
||||
.catch(function (error) {
|
||||
console.log(error);
|
||||
});
|
||||
},
|
||||
handleCurrentChange(val) {
|
||||
this.$data.currentPage = val;
|
||||
|
||||
var _this = this;
|
||||
|
||||
var objs;
|
||||
axios.post('/pkpi/get_ds', {
|
||||
opuser:localStorage.getItem("online_user"),
|
||||
opuser_uuid:localStorage.getItem("uuid"),
|
||||
p_id: _this.$data.p_id_v,
|
||||
p_name: _this.$data.p_name_v,
|
||||
index: this.$data.currentPage,
|
||||
count: this.$data.pagesize
|
||||
})
|
||||
.then(function (response) {
|
||||
console.log(response.data);
|
||||
objs = response.data.data;
|
||||
rcnt = response.data.total;
|
||||
_this.$data.tableData = objs;
|
||||
_this.$data.recordTotal = rcnt;
|
||||
})
|
||||
.catch(function (error) {
|
||||
console.log(error);
|
||||
});
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
|
|
@ -0,0 +1,88 @@
|
|||
|
||||
function exportToExcel(){
|
||||
//要导出的json数据
|
||||
const jsonData = [
|
||||
{
|
||||
name:'路人甲',
|
||||
phone:'123456789',
|
||||
email:'000@123456.com'
|
||||
},
|
||||
{
|
||||
name:'炮灰乙',
|
||||
phone:'123456789',
|
||||
email:'000@123456.com'
|
||||
},
|
||||
{
|
||||
name:'土匪丙',
|
||||
phone:'123456789',
|
||||
email:'000@123456.com'
|
||||
},
|
||||
{
|
||||
name:'流氓丁',
|
||||
phone:'123456789',
|
||||
email:'000@123456.com'
|
||||
},
|
||||
]
|
||||
//列标题，逗号隔开，每一个逗号就是隔开一个单元格
|
||||
let str = `姓名,电话,邮箱\n`;
|
||||
//增加\t为了不让表格显示科学计数法或者其他格式
|
||||
for(let i = 0 ; i < jsonData.length ; i++ ){
|
||||
for(let item in jsonData[i]){
|
||||
str+=`${jsonData[i][item] + '\t'},`;
|
||||
}
|
||||
str+='\n';
|
||||
}
|
||||
//encodeURIComponent解决中文乱码
|
||||
let uri = 'data:text/csv;charset=utf-8,\ufeff' + encodeURIComponent(str);
|
||||
//通过创建a标签实现
|
||||
let link = document.createElement("a");
|
||||
link.href = uri;
|
||||
//对下载的文件命名
|
||||
link.download = "json数据表.csv";
|
||||
document.body.appendChild(link);
|
||||
link.click();
|
||||
document.body.removeChild(link);
|
||||
}
|
||||
|
||||
function downloadUrl(filename, url) {
|
||||
var element = document.createElement('a');
|
||||
element.setAttribute('href', url);
|
||||
element.setAttribute('download', filename);
|
||||
|
||||
element.style.display = 'none';
|
||||
document.body.appendChild(element);
|
||||
|
||||
element.click();
|
||||
|
||||
document.body.removeChild(element);
|
||||
}
|
||||
|
||||
function DownloadContent(filename,content) {
|
||||
var eleLink = document.createElement('a');
|
||||
eleLink.download = filename;
|
||||
eleLink.style.display = 'none';
|
||||
// 字符内容转变成blob地址
|
||||
var blob = new Blob([content]);
|
||||
eleLink.href = URL.createObjectURL(blob);
|
||||
// 触发点击
|
||||
document.body.appendChild(eleLink);
|
||||
eleLink.click();
|
||||
// 然后移除
|
||||
document.body.removeChild(eleLink);
|
||||
};
|
||||
|
||||
function fakeClick(obj) {
|
||||
var ev = document.createEvent("MouseEvents");
|
||||
ev.initMouseEvent("click", true, false, window, 0, 0, 0, 0, 0, false, false, false, false, 0, null);
|
||||
obj.dispatchEvent(ev);
|
||||
}
|
||||
|
||||
function exportRaw(name, data) {
|
||||
var urlObject = window.URL || window.webkitURL || window;
|
||||
var export_blob = new Blob([data]);
|
||||
var save_link = document.createElementNS("http://www.w3.org/1999/xhtml", "a")
|
||||
save_link.href = urlObject.createObjectURL(export_blob);
|
||||
save_link.download = name;
|
||||
fakeClick(save_link);
|
||||
}
|
||||
|
||||
|
|
@ -0,0 +1,62 @@
|
|||
// 自适应表格列宽
|
||||
function flexColumnWidth(str, tableData, flag = 'max') {
|
||||
// str为该列的字段名(传字符串);tableData为该表格的数据源(传变量);
|
||||
// flag为可选值，可不传该参数,传参时可选'max'或'equal',默认为'max'
|
||||
// flag为'max'则设置列宽适配该列中最长的内容,flag为'equal'则设置列宽适配该列中第一行内容的长度。
|
||||
str = str + ''
|
||||
let columnContent = ''
|
||||
if (!tableData || !tableData.length || tableData.length === 0 || tableData === undefined) {
|
||||
return
|
||||
}
|
||||
if (!str || !str.length || str.length === 0 || str === undefined) {
|
||||
return
|
||||
}
|
||||
if (flag === 'equal') {
|
||||
// 获取该列中第一个不为空的数据(内容)
|
||||
for (let i = 0; i < tableData.length; i++) {
|
||||
if (tableData[i][str].length > 0) {
|
||||
// console.log('该列数据[0]:', tableData[0][str])
|
||||
columnContent = tableData[i][str]
|
||||
break
|
||||
}
|
||||
}
|
||||
} else {
|
||||
// 获取该列中最长的数据(内容)
|
||||
let index = 0
|
||||
for (let i = 0; i < tableData.length; i++) {
|
||||
if (tableData[i][str] === null) {
|
||||
return
|
||||
}
|
||||
const now_temp = tableData[i][str] + ''
|
||||
const max_temp = tableData[index][str] + ''
|
||||
if (now_temp.length > max_temp.length) {
|
||||
index = i
|
||||
}
|
||||
}
|
||||
columnContent = tableData[index][str]
|
||||
}
|
||||
// console.log('该列数据[i]:', columnContent)
|
||||
// 以下分配的单位长度可根据实际需求进行调整
|
||||
let flexWidth = 0
|
||||
for (const char of columnContent) {
|
||||
if ((char >= 'A' && char <= 'Z') || (char >= 'a' && char <= 'z')) {
|
||||
// 如果是英文字符，为字符分配8个单位宽度
|
||||
flexWidth += 8
|
||||
} else if (char >= '\u4e00' && char <= '\u9fa5') {
|
||||
// 如果是中文字符，为字符分配15个单位宽度
|
||||
flexWidth += 15
|
||||
} else {
|
||||
// 其他种类字符，为字符分配8个单位宽度
|
||||
flexWidth += 8
|
||||
}
|
||||
}
|
||||
if (flexWidth < 80) {
|
||||
// 设置最小宽度
|
||||
flexWidth = 80
|
||||
}
|
||||
// if (flexWidth > 250) {
|
||||
// // 设置最大宽度
|
||||
// flexWidth = 250
|
||||
// }
|
||||
return flexWidth + 'px'
|
||||
}
|
||||
Binary file not shown.
Binary file not shown.
|
|
@ -0,0 +1 @@
|
|||
<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1635489197628" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2642" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css"></style></defs><path d="M620.8 704c0-32-12.8-57.6-38.4-83.2L556.8 601.6 556.8 563.2 556.8 473.6 467.2 454.4l0 108.8 0 38.4L441.6 620.8c-25.6 19.2-38.4 51.2-38.4 83.2 0 57.6 51.2 108.8 108.8 108.8S620.8 761.6 620.8 704z" p-id="2643" fill="#bfbfbf"></path><path d="M512 192c38.4 0 64 25.6 64 64l0 307.2 0 25.6 19.2 19.2C627.2 633.6 640 665.6 640 704c0 70.4-57.6 128-128 128s-128-57.6-128-128c0-38.4 12.8-70.4 44.8-96L448 588.8 448 563.2 448 256C448 217.6 473.6 192 512 192M512 128C441.6 128 384 185.6 384 256l0 307.2C345.6 595.2 320 646.4 320 704c0 108.8 83.2 192 192 192s192-83.2 192-192c0-57.6-25.6-108.8-64-140.8L640 256C640 185.6 582.4 128 512 128L512 128z" p-id="2644" fill="#bfbfbf"></path></svg>
|
||||
|
After Width: | Height: | Size: 1.0 KiB |
|
|
@ -0,0 +1,71 @@
|
|||
function isUTF8(bytes) {
|
||||
var i = 0;
|
||||
while (i < bytes.length) {
|
||||
if ((// ASCII
|
||||
bytes[i] == 0x09 ||
|
||||
bytes[i] == 0x0A ||
|
||||
bytes[i] == 0x0D ||
|
||||
(0x20 <= bytes[i] && bytes[i] <= 0x7E)
|
||||
)
|
||||
) {
|
||||
i += 1;
|
||||
continue;
|
||||
}
|
||||
|
||||
if ((// non-overlong 2-byte
|
||||
(0xC2 <= bytes[i] && bytes[i] <= 0xDF) &&
|
||||
(0x80 <= bytes[i + 1] && bytes[i + 1] <= 0xBF)
|
||||
)
|
||||
) {
|
||||
i += 2;
|
||||
continue;
|
||||
}
|
||||
|
||||
if ((// excluding overlongs
|
||||
bytes[i] == 0xE0 &&
|
||||
(0xA0 <= bytes[i + 1] && bytes[i + 1] <= 0xBF) &&
|
||||
(0x80 <= bytes[i + 2] && bytes[i + 2] <= 0xBF)
|
||||
) ||
|
||||
(// straight 3-byte
|
||||
((0xE1 <= bytes[i] && bytes[i] <= 0xEC) ||
|
||||
bytes[i] == 0xEE ||
|
||||
bytes[i] == 0xEF) &&
|
||||
(0x80 <= bytes[i + 1] && bytes[i + 1] <= 0xBF) &&
|
||||
(0x80 <= bytes[i + 2] && bytes[i + 2] <= 0xBF)
|
||||
) ||
|
||||
(// excluding surrogates
|
||||
bytes[i] == 0xED &&
|
||||
(0x80 <= bytes[i + 1] && bytes[i + 1] <= 0x9F) &&
|
||||
(0x80 <= bytes[i + 2] && bytes[i + 2] <= 0xBF)
|
||||
)
|
||||
) {
|
||||
i += 3;
|
||||
continue;
|
||||
}
|
||||
|
||||
if ((// planes 1-3
|
||||
bytes[i] == 0xF0 &&
|
||||
(0x90 <= bytes[i + 1] && bytes[i + 1] <= 0xBF) &&
|
||||
(0x80 <= bytes[i + 2] && bytes[i + 2] <= 0xBF) &&
|
||||
(0x80 <= bytes[i + 3] && bytes[i + 3] <= 0xBF)
|
||||
) ||
|
||||
(// planes 4-15
|
||||
(0xF1 <= bytes[i] && bytes[i] <= 0xF3) &&
|
||||
(0x80 <= bytes[i + 1] && bytes[i + 1] <= 0xBF) &&
|
||||
(0x80 <= bytes[i + 2] && bytes[i + 2] <= 0xBF) &&
|
||||
(0x80 <= bytes[i + 3] && bytes[i + 3] <= 0xBF)
|
||||
) ||
|
||||
(// plane 16
|
||||
bytes[i] == 0xF4 &&
|
||||
(0x80 <= bytes[i + 1] && bytes[i + 1] <= 0x8F) &&
|
||||
(0x80 <= bytes[i + 2] && bytes[i + 2] <= 0xBF) &&
|
||||
(0x80 <= bytes[i + 3] && bytes[i + 3] <= 0xBF)
|
||||
)
|
||||
) {
|
||||
i += 4;
|
||||
continue;
|
||||
}
|
||||
return false;
|
||||
}
|
||||
return true;
|
||||
}
|
||||
|
|
@ -0,0 +1,24 @@
|
|||
function loginout(){
|
||||
axios.post('/u_ma/loginOut', {
|
||||
username: localStorage.getItem("online_user"),
|
||||
})
|
||||
.then(function (response) {
|
||||
|
||||
if (response.status != 200 || response.data.r !=0) {
|
||||
|
||||
_this.$message({
|
||||
message: "用户退出失败！",
|
||||
type: "error",
|
||||
duration: 1500
|
||||
});
|
||||
}
|
||||
|
||||
location.href="login.html";
|
||||
localStorage.setItem("online_user",'');
|
||||
localStorage.setItem("uuid",'');
|
||||
|
||||
})
|
||||
.catch(function (error) {
|
||||
console.log(error);
|
||||
});
|
||||
}
|
||||
File diff suppressed because it is too large
Load Diff
|
|
@ -0,0 +1,601 @@
|
|||
var pfcomponent = {
|
||||
template:`
|
||||
<div>
|
||||
<div id="" style="display: flex">
|
||||
<el-input v-model="p_id_v" placeholder="产品编号" clearable style="width: 160px;" @change="input_change"></el-input>
|
||||
<el-input v-model="p_name_v" placeholder="产品名称" clearable style="width: 160px;" @change="input_change"></el-input>
|
||||
<el-input v-model="plan_name_v" placeholder="工序名称" clearable style="width: 160px;" @change="input_change"></el-input>
|
||||
<el-button id ="bt_search" plain type="primary" icon="el-icon-search" @click="get_process()">搜索</el-button>
|
||||
<el-button plain type="primary" icon="el-icon-circle-plus-outline" @click="importCsv()">导入</el-button>
|
||||
<el-button id ="bt_export" plain type="primary" icon="el-icon-circle-plus-outline" @click="export_csv()">导出</el-button>
|
||||
<el-button id ="bt_del" plain type="primary" icon="el-icon-circle-plus-outline" @click="del_p()">删除</el-button>
|
||||
</div>
|
||||
<div>
|
||||
<el-progress v-if="if_show_process" :percentage="percent_len" ></el-progress>
|
||||
</div>
|
||||
<div class="span">
|
||||
<el-table
|
||||
:data="tableData"
|
||||
style="width: 100%"
|
||||
:height="tHeight"
|
||||
:cell-style="{background:'#fff'}"
|
||||
border
|
||||
@selection-change="handleSelectionChange"
|
||||
>
|
||||
<el-table-column
|
||||
type="selection"
|
||||
>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="p_id"
|
||||
label="产品编号"
|
||||
width="120"
|
||||
:show-overflow-tooltip="true">
|
||||
</el-table-column>
|
||||
|
||||
<el-table-column
|
||||
prop="p_name"
|
||||
label="产品名称"
|
||||
width="120"
|
||||
:show-overflow-tooltip="true">
|
||||
</el-table-column>
|
||||
|
||||
<el-table-column
|
||||
prop="process_name"
|
||||
label="工序"
|
||||
width="120"
|
||||
:show-overflow-tooltip="true">
|
||||
</el-table-column>
|
||||
|
||||
<el-table-column
|
||||
prop="process_t"
|
||||
label="工时"
|
||||
width="120"
|
||||
:show-overflow-tooltip="true">
|
||||
</el-table-column>
|
||||
|
||||
<el-table-column
|
||||
label="操作"
|
||||
width="120">
|
||||
<template slot-scope="scope">
|
||||
<el-button @click="update_process(scope.row)" type="text" size="medium" >修改</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
</div>
|
||||
|
||||
<div class="block">
|
||||
<span class="demonstration"></span>
|
||||
<el-pagination
|
||||
@size-change="handleSizeChange"
|
||||
@current-change="handleCurrentChange"
|
||||
:current-page="currentPage"
|
||||
:page-sizes="[50,100, 200, 300]"
|
||||
:page-size="pagesize"
|
||||
layout="total, sizes, prev, pager, next, jumper"
|
||||
:total="recordTotal">
|
||||
</el-pagination>
|
||||
</div>
|
||||
|
||||
<el-dialog
|
||||
title="工序信息"
|
||||
:visible.sync="update_visible"
|
||||
:lock-scroll ="false"
|
||||
width="40%"
|
||||
style="height: 100%;">
|
||||
<el-form ref="form_p" :model="form" label-width="80px" :rules="rules">
|
||||
<el-row :gutter="10">
|
||||
<el-col :span="12">
|
||||
<el-form-item label="产品编号" prop="p_id">
|
||||
<el-input v-model="form.p_id" :disabled="disabled"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="产品名称" prop="p_id">
|
||||
<el-input v-model="form.p_name" :disabled="disabled"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row :gutter="10">
|
||||
<el-col :span="12">
|
||||
<el-form-item label="工序" prop="process_name">
|
||||
<el-input v-model="form.process_name" ></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="工时" prop="process_t">
|
||||
<el-input v-model="form.process_t" ></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</el-form>
|
||||
<span slot="footer" class="dialog-footer">
|
||||
<el-button @click="update_visible = false">取 消</el-button>
|
||||
<el-button id ="bt_ok" plain type="primary" @click="post_process()">确 定</el-button>
|
||||
</span>
|
||||
</el-dialog>
|
||||
|
||||
<el-dialog
|
||||
title="基础数据导入"
|
||||
:visible.sync="importdialogVisible"
|
||||
:lock-scroll ="false"
|
||||
:before-close="importDialog_close"
|
||||
width="40%">
|
||||
<div style="display: flex;">
|
||||
<el-upload
|
||||
class="upload-demo"
|
||||
action=""
|
||||
:on-change="handleChange"
|
||||
:file-list="fileListUpload"
|
||||
:show-file-list="false"
|
||||
accept=".csv"
|
||||
:auto-upload="false">
|
||||
<el-button id ="bt_upload" size="small" plain type="primary">点击上传（csv文件）</el-button>
|
||||
</el-upload>
|
||||
<el-button id ="bt_import" size="small" plain type="primary" @click="importData" style="margin-left: 10px;">确认导入</el-button>
|
||||
<!--<el-button id ="bt_download" size="small" plain type="primary" @click="download_template" style="margin-left: 10px;">下载导入模板文件</el-button>-->
|
||||
</div>
|
||||
<div>
|
||||
<el-progress v-if="if_show_process1" :percentage="percent_len" ></el-progress>
|
||||
</div>
|
||||
<el-table
|
||||
:data="importTableData"
|
||||
style="font-size:13px;margin-top: 10px;width: 100%;"
|
||||
:height="tHeight*0.5"
|
||||
:cell-style="{background:'#fff'}"
|
||||
stripe border>
|
||||
|
||||
<el-table-column
|
||||
prop="p_id"
|
||||
label="产品编号"
|
||||
width="120"
|
||||
:show-overflow-tooltip="true">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="p_name"
|
||||
label="产品名称"
|
||||
width="120"
|
||||
:show-overflow-tooltip="true">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="process_name"
|
||||
label="工序"
|
||||
width="120"
|
||||
:show-overflow-tooltip="true">
|
||||
</el-table-column>
|
||||
|
||||
<el-table-column
|
||||
prop="process_t"
|
||||
label="工时"
|
||||
width="120"
|
||||
:show-overflow-tooltip="true">
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
</el-dialog>
|
||||
</div>
|
||||
`,
|
||||
data(){
|
||||
// 获取当前屏幕的分辨率
|
||||
let screenW = window.screen.width;
|
||||
let screenH = window.screen.height;
|
||||
console.log("screen width:",screenW);
|
||||
console.log("screen height:",screenH);
|
||||
return {
|
||||
tHeight:screenH*0.8,
|
||||
tableData: [],
|
||||
currentPage: 1,
|
||||
pagesize:50,
|
||||
recordTotal:0,
|
||||
p_id_v:'',
|
||||
p_name_v:'',
|
||||
plan_name_v:'',
|
||||
dialogVisible:false,
|
||||
multipleSelection: [],
|
||||
importdialogVisible:false,
|
||||
fileListUpload:[],
|
||||
importTableData:[],
|
||||
disabled:true,
|
||||
|
||||
if_show_process:false,
|
||||
percent_len:0,
|
||||
interval:'',
|
||||
if_show_process1:false,
|
||||
|
||||
fileList:[],
|
||||
|
||||
update_visible:false,
|
||||
form: {
|
||||
id:'',
|
||||
p_id: '',
|
||||
p_name:'',
|
||||
process_name:'',
|
||||
process_t:'',
|
||||
},
|
||||
|
||||
rules: {
|
||||
p_id: [
|
||||
{ required: true, message: '产品编号不可为空', trigger: 'blur' }
|
||||
],
|
||||
process_name: [
|
||||
{ required: true, message: '工序不可为空', trigger: 'blur' }
|
||||
],
|
||||
process_t: [
|
||||
{ required: true, message: '工时不可为空', trigger: 'blur' }
|
||||
],
|
||||
},
|
||||
}
|
||||
},
|
||||
mounted() {
|
||||
|
||||
var _this = this;
|
||||
|
||||
var objs;
|
||||
axios.post('/u_ma/get_process', {
|
||||
opuser:localStorage.getItem("online_user"),
|
||||
opuser_uuid:localStorage.getItem("uuid"),
|
||||
p_id: _this.$data.p_id_v,
|
||||
p_name:_this.$data.p_name_v,
|
||||
process_name: _this.$data.plan_name_v,
|
||||
index: _this.$data.currentPage,
|
||||
count: _this.$data.pagesize
|
||||
})
|
||||
.then(function (response) {
|
||||
|
||||
console.log(response.data);
|
||||
objs = response.data.data;
|
||||
rcnt = response.data.total;
|
||||
_this.$data.tableData = objs;
|
||||
_this.$data.recordTotal = rcnt;
|
||||
})
|
||||
.catch(function (error) {
|
||||
console.log(error);
|
||||
});
|
||||
},
|
||||
methods: {
|
||||
export_csv(){
|
||||
document.getElementById("bt_export").blur();
|
||||
|
||||
var _this = this;
|
||||
var objs;
|
||||
axios.post('/u_ma/export_base_processes', {
|
||||
opuser:localStorage.getItem("online_user"),
|
||||
opuser_uuid:localStorage.getItem("uuid"),
|
||||
p_id: _this.$data.p_id_v,
|
||||
p_name:_this.$data.p_name_v,
|
||||
process_name: _this.$data.plan_name_v,
|
||||
})
|
||||
.then(function (response) {
|
||||
|
||||
var date = new Date();
|
||||
//年 getFullYear()：四位数字返回年份
|
||||
var year = date.getFullYear()%2000; //getFullYear()代替getYear()
|
||||
console.log(year.toString());
|
||||
//月 getMonth()：0 ~ 11
|
||||
var month = date.getMonth() + 1;
|
||||
if(month<10){
|
||||
month='0'+month
|
||||
}
|
||||
//日 getDate()：(1 ~ 31)
|
||||
var day = date.getDate();
|
||||
if(day<10){
|
||||
day='0'+day;
|
||||
}
|
||||
//时 getHours()：(0 ~ 23)
|
||||
var hour = date.getHours();
|
||||
if (hour<10){
|
||||
hour='0'+hour;
|
||||
}
|
||||
//分 getMinutes()： (0 ~ 59)
|
||||
var minute = date.getMinutes();
|
||||
if (minute<10){
|
||||
minute='0'+minute;
|
||||
}
|
||||
//秒 getSeconds()：(0 ~ 59)
|
||||
var second = date.getSeconds();
|
||||
if (second<10){
|
||||
second='0'+second;
|
||||
}
|
||||
|
||||
var filename=year.toString()+month.toString()+day.toString() +" " + hour.toString()+minute.toString()+second.toString();
|
||||
filename = "工序工时 "+filename+".xlsx"
|
||||
console.log(response.data);
|
||||
var fileid = response.data.fileId;
|
||||
|
||||
var downUrl = '/u_ma/download_file'+"?id="+fileid;
|
||||
downloadUrl(filename,downUrl);
|
||||
})
|
||||
.catch(function (error) {
|
||||
console.log(error);
|
||||
});
|
||||
},
|
||||
post_process(){
|
||||
this.$refs['form_p'].validate((valid) => {
|
||||
if(valid){
|
||||
this.$data.update_visible = false;
|
||||
|
||||
var _this = this;
|
||||
|
||||
console.log(_this.$data.form);
|
||||
|
||||
var objs;
|
||||
axios.post('/u_ma/update_process', {
|
||||
opuser:localStorage.getItem("online_user"),
|
||||
opuser_uuid:localStorage.getItem("uuid"),
|
||||
data:{
|
||||
id: _this.$data.form.id,
|
||||
p_id: _this.$data.form.p_id,
|
||||
p_name: _this.$data.form.p_name,
|
||||
process_name: _this.$data.form.process_name,
|
||||
process_t: _this.$data.form.process_t,
|
||||
}
|
||||
})
|
||||
.then(function (response) {
|
||||
|
||||
let r = response.data.r;
|
||||
let s = ""
|
||||
let errType = ""
|
||||
if (r == 0) {
|
||||
errType = "success"
|
||||
} else{
|
||||
errType = "error"
|
||||
}
|
||||
|
||||
if (r ==0) {
|
||||
s = "修改成功！";
|
||||
} else{
|
||||
s = "修改失败！";
|
||||
}
|
||||
|
||||
_this.$message({
|
||||
message: s,
|
||||
type: errType,
|
||||
duration: 1500
|
||||
});
|
||||
|
||||
//更新页面
|
||||
_this.get_process();
|
||||
})
|
||||
.catch(function (error) {
|
||||
console.log(error);
|
||||
});
|
||||
|
||||
}
|
||||
});
|
||||
},
|
||||
update_process(row){
|
||||
this.$data.form = {
|
||||
id:row.id,
|
||||
p_id: row.p_id,
|
||||
p_name:row.p_name,
|
||||
process_name:row.process_name,
|
||||
process_t:row.process_t
|
||||
};
|
||||
this.$nextTick(() => {
|
||||
this.$refs['form_p'].clearValidate()
|
||||
});
|
||||
this.$data.update_visible = true;
|
||||
},
|
||||
input_change(value) {
|
||||
console.log(value);
|
||||
this.get_process();
|
||||
},
|
||||
importData(){
|
||||
document.getElementById("bt_import").blur();
|
||||
if(this.$data.importTableData.length==0){
|
||||
this.$message({
|
||||
message: "请选择导入文件",
|
||||
type: "warning",
|
||||
duration: 1500
|
||||
});
|
||||
return;
|
||||
}
|
||||
|
||||
this.$confirm('是否确认导入?', '提示', {
|
||||
confirmButtonText: '确定',
|
||||
cancelButtonText: '取消',
|
||||
type: 'warning'
|
||||
}).then(() => {
|
||||
var _this = this;
|
||||
_this.$data.percent_len=0;
|
||||
_this.$data.if_show_process1=true;
|
||||
_this.$data.interval= setInterval(()=>{
|
||||
if(_this.$data.percent_len>=99){
|
||||
clearInterval(_this.$data.interval);
|
||||
return;
|
||||
}
|
||||
|
||||
if (_this.$data.percent_len<98){
|
||||
_this.$data.percent_len+=2
|
||||
}
|
||||
},20)
|
||||
|
||||
axios.post('/u_ma/import_process', {
|
||||
opuser:localStorage.getItem("online_user"),
|
||||
opuser_uuid:localStorage.getItem("uuid"),
|
||||
data:this.$data.importTableData,
|
||||
})
|
||||
.then(function (response) {
|
||||
|
||||
let r = response.data.r;
|
||||
let s = ""
|
||||
let errType = ""
|
||||
if (r == 0) {
|
||||
let len = _this.$data.importTableData.length;
|
||||
errType = "success"
|
||||
s = "导入成功("+len+"条)";
|
||||
_this.$data.percent_len=100;
|
||||
_this.$data.if_show_process1=false;
|
||||
} else if(r == 1) {
|
||||
errType = "error"
|
||||
s = "正在导入，请稍后！";
|
||||
clearInterval(_this.$data.interval);
|
||||
} else{
|
||||
errType = "error"
|
||||
s = "导入失败！";
|
||||
clearInterval(_this.$data.interval);
|
||||
}
|
||||
|
||||
console.log(s);
|
||||
_this.$message({
|
||||
message: s,
|
||||
type: errType,
|
||||
duration: 3000
|
||||
});
|
||||
|
||||
_this.$data.importdialogVisible=false;
|
||||
//更新页面
|
||||
_this.get_process();
|
||||
})
|
||||
.catch(function (error) {
|
||||
console.log(error);
|
||||
});
|
||||
}).catch(() => {
|
||||
this.$message({
|
||||
type: 'info',
|
||||
message: '已取消'
|
||||
});
|
||||
return;
|
||||
});
|
||||
},
|
||||
handleChange(file, fileList) {
|
||||
document.getElementById("bt_upload").blur();
|
||||
|
||||
this.fileTemp = file.raw
|
||||
console.log("filetype:",this.fileTemp);
|
||||
if (this.fileTemp) {
|
||||
console.log("begin ...")
|
||||
console.log(this.fileTemp.type);
|
||||
if ((this.fileTemp.type == 'text/csv') || (this.fileTemp.type == '.csv') || (this.fileTemp.type == 'application/vnd.ms-excel')) {
|
||||
let _this = this//如果需要点击事件结束之后对DOM进行操作使用)_this.xx=xx进行操作
|
||||
Papa.parse(_this.fileTemp, {
|
||||
encoding:'gb2312',
|
||||
complete (results) {
|
||||
console.log(results)//这个是csv文件的数据
|
||||
let data = []
|
||||
//遍历csv文件中的数据，存放到data中 方法不唯一，可自己更改
|
||||
for (let i = 0; i < results.data.length; ++i) {
|
||||
if(i==0){
|
||||
continue;
|
||||
}
|
||||
let obj = {}
|
||||
obj.p_id = results.data[i][0]
|
||||
if(obj.p_id==""|| obj.p_id==undefined){
|
||||
continue;
|
||||
}
|
||||
obj.p_name = results.data[i][1]
|
||||
obj.process_name = results.data[i][2]
|
||||
obj.process_t = results.data[i][3]
|
||||
data.push(obj)
|
||||
}
|
||||
//data.splice(0, 1)//将数组第一位的表格名称去除
|
||||
console.log('data', data)
|
||||
_this.$data.importTableData=data;
|
||||
}
|
||||
})
|
||||
|
||||
} else {
|
||||
this.$data.fileListUpload=[];
|
||||
this.$message({
|
||||
type: 'warning',
|
||||
message: '附件格式错误，请删除后重新上传！'
|
||||
})
|
||||
}
|
||||
} else {
|
||||
this.$message({
|
||||
type: 'warning',
|
||||
message: '请上传附件！'
|
||||
})
|
||||
}
|
||||
},
|
||||
|
||||
importCsv(){
|
||||
this.$data.fileListUpload=[];
|
||||
this.$data.importTableData=[];
|
||||
this.$data.importdialogVisible=true;
|
||||
},
|
||||
importDialog_close(done){
|
||||
done();
|
||||
},
|
||||
handleSelectionChange(val) {
|
||||
console.log("已选择");
|
||||
console.log(val);
|
||||
this.multipleSelection = val;
|
||||
},
|
||||
|
||||
del_p(){
|
||||
var _this = this;
|
||||
|
||||
axios.post('/u_ma/del_process', {
|
||||
opuser:localStorage.getItem("online_user"),
|
||||
opuser_uuid:localStorage.getItem("uuid"),
|
||||
ids: _this.$data.multipleSelection,
|
||||
})
|
||||
.then(function (response) {
|
||||
|
||||
let r = response.data.r;
|
||||
let s = ""
|
||||
let errType = ""
|
||||
if (r == 0) {
|
||||
s = "删除成功！";
|
||||
errType = "success"
|
||||
} else{
|
||||
s = "删除失败！";
|
||||
errType = "error"
|
||||
}
|
||||
|
||||
_this.$message({
|
||||
message: s,
|
||||
type: errType,
|
||||
duration: 1500
|
||||
});
|
||||
|
||||
if (r ==0) {
|
||||
_this.get_process();//更新页面
|
||||
}
|
||||
|
||||
})
|
||||
.catch(function (error) {
|
||||
console.log(error);
|
||||
});
|
||||
},
|
||||
|
||||
get_process(){
|
||||
document.getElementById("bt_search").blur();
|
||||
var _this = this;
|
||||
|
||||
var objs;
|
||||
axios.post('/u_ma/get_process', {
|
||||
opuser:localStorage.getItem("online_user"),
|
||||
opuser_uuid:localStorage.getItem("uuid"),
|
||||
p_id: _this.$data.p_id_v,
|
||||
p_name:_this.$data.p_name_v,
|
||||
process_name: _this.$data.plan_name_v,
|
||||
index: _this.$data.currentPage,
|
||||
count: _this.$data.pagesize
|
||||
})
|
||||
.then(function (response) {
|
||||
console.log(response.data);
|
||||
objs = response.data.data;
|
||||
rcnt = response.data.total;
|
||||
_this.$data.tableData = objs;
|
||||
_this.$data.recordTotal = rcnt;
|
||||
})
|
||||
.catch(function (error) {
|
||||
console.log(error);
|
||||
});
|
||||
|
||||
},
|
||||
|
||||
handleSizeChange(val) {
|
||||
this.$data.pagesize = val;
|
||||
|
||||
this.get_process();
|
||||
},
|
||||
handleCurrentChange(val) {
|
||||
this.$data.currentPage = val;
|
||||
|
||||
this.get_process();
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 275 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 2.2 MiB |
Binary file not shown.
|
After Width: | Height: | Size: 25 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 779 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 5.0 MiB |
Binary file not shown.
|
After Width: | Height: | Size: 40 KiB |
File diff suppressed because it is too large
Load Diff
|
|
@ -0,0 +1,271 @@
|
|||
//组件
|
||||
var rsmcomponent = {
|
||||
template:`
|
||||
<div>
|
||||
<div id="" style="display: inline-block;width: 100%;">
|
||||
|
||||
<div style="float: left; width: 20%;">
|
||||
<el-input v-model="input" placeholder="请输入维修状态" clearable @change="input_change"></el-input>
|
||||
</div>
|
||||
<div style="float: left;">
|
||||
<el-button id ="bt_search" plain type="primary" icon="el-icon-search" @click="get_rs(input)">搜索</el-button>
|
||||
<el-button id ="bt_add" plain type="primary" icon="el-icon-circle-plus-outline" @click="addRs()">新增</el-button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="span">
|
||||
<el-table
|
||||
:data="tableData"
|
||||
style="width: 100%"
|
||||
:height="tHeight"
|
||||
:cell-style="{background:'#fff'}"
|
||||
border
|
||||
>
|
||||
<el-table-column
|
||||
prop="rs"
|
||||
label="维修状态"
|
||||
width="160">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
label="操作"
|
||||
width="100">
|
||||
<template slot-scope="scope">
|
||||
<el-button @click="updateRs(scope.row)" type="text" size="medium" >修改</el-button>
|
||||
<el-button @click="delRs(scope.row)" type="text" size="medium" >删除</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
</div>
|
||||
|
||||
<el-dialog
|
||||
title="用户信息"
|
||||
:visible.sync="dialogVisible"
|
||||
:lock-scroll ="false"
|
||||
width="30%">
|
||||
<el-form ref="userform" :model="form" label-width="80px" :rules="rules">
|
||||
<el-form-item label="维修状态" prop="rs">
|
||||
<el-input v-model="form.rs"></el-input>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
<span slot="footer" class="dialog-footer">
|
||||
<el-button @click="dialogVisible = false">取 消</el-button>
|
||||
<el-button id ="bt_ok" plain type="primary" @click="postRs()">确 定</el-button>
|
||||
</span>
|
||||
</el-dialog>
|
||||
</div>
|
||||
`,
|
||||
data(){
|
||||
// 获取当前屏幕的分辨率
|
||||
let screenW = window.screen.width;
|
||||
let screenH = window.screen.height;
|
||||
console.log("screen width:",screenW);
|
||||
console.log("screen height:",screenH);
|
||||
return {
|
||||
tHeight:screenH*0.8,
|
||||
tableData: [],
|
||||
input:'',
|
||||
currentPage: 1,
|
||||
pagesize:50,
|
||||
recordTotal:0,
|
||||
form: {
|
||||
id:0,
|
||||
rs: '',
|
||||
},
|
||||
dialogVisible:false,
|
||||
oper_type:0,
|
||||
rules: {
|
||||
rs: [
|
||||
{ required: true, message: '维修状态不可为空', trigger: 'blur' }
|
||||
],
|
||||
},
|
||||
|
||||
}
|
||||
},
|
||||
mounted() {
|
||||
|
||||
var _this = this;
|
||||
|
||||
var objs;
|
||||
axios.post('/u_ma/get_rs', {
|
||||
opuser:localStorage.getItem("online_user"),
|
||||
opuser_uuid:localStorage.getItem("uuid"),
|
||||
state: '',
|
||||
})
|
||||
.then(function (response) {
|
||||
|
||||
console.log(response.data);
|
||||
objs = response.data.data;
|
||||
rcnt = response.data.total;
|
||||
_this.$data.tableData = objs;
|
||||
})
|
||||
.catch(function (error) {
|
||||
console.log(error);
|
||||
});
|
||||
},
|
||||
methods: {
|
||||
input_change(value) {
|
||||
console.log(value);
|
||||
this.get_rs(this.$data.input);
|
||||
},
|
||||
|
||||
postRs(){
|
||||
this.$refs['userform'].validate((valid) => {
|
||||
if(valid){
|
||||
this.$data.dialogVisible = false;
|
||||
|
||||
var _this = this;
|
||||
|
||||
console.log(_this.$data.form);
|
||||
|
||||
var objs;
|
||||
axios.post('/u_ma/postRs', {
|
||||
opuser:localStorage.getItem("online_user"),
|
||||
opuser_uuid:localStorage.getItem("uuid"),
|
||||
id: _this.$data.form.id,
|
||||
rs:_this.$data.form.rs,
|
||||
oper_type: _this.$data.oper_type,
|
||||
})
|
||||
.then(function (response) {
|
||||
|
||||
let r = response.data.r;
|
||||
let s = ""
|
||||
let errType = ""
|
||||
if (r == 0) {
|
||||
errType = "success"
|
||||
} else{
|
||||
errType = "error"
|
||||
}
|
||||
|
||||
if (_this.$data.oper_type == 1) {
|
||||
|
||||
if (r ==0) {
|
||||
s = "新增成功！";
|
||||
} else if(r == 1) {
|
||||
s = "已存在相同维修状态！";
|
||||
}else{
|
||||
s = "新增失败！";
|
||||
}
|
||||
|
||||
} else if (_this.$data.oper_type ==2){
|
||||
|
||||
if (r ==0) {
|
||||
s = "修改成功！";
|
||||
} else{
|
||||
s = "修改失败！";
|
||||
}
|
||||
}
|
||||
|
||||
_this.$message({
|
||||
message: s,
|
||||
type: errType,
|
||||
duration: 1500
|
||||
});
|
||||
|
||||
//更新页面
|
||||
_this.get_rs(_this.$data.input);
|
||||
})
|
||||
.catch(function (error) {
|
||||
console.log(error);
|
||||
});
|
||||
|
||||
}
|
||||
});
|
||||
},
|
||||
|
||||
delRs(info){
|
||||
this.$data.oper_type = 3;
|
||||
|
||||
var _this = this;
|
||||
|
||||
var objs;
|
||||
axios.post('/u_ma/postRs', {
|
||||
opuser:localStorage.getItem("online_user"),
|
||||
opuser_uuid:localStorage.getItem("uuid"),
|
||||
id: info.id,
|
||||
oper_type: _this.$data.oper_type,
|
||||
})
|
||||
.then(function (response) {
|
||||
|
||||
let r = response.data.r;
|
||||
let s = ""
|
||||
let errType = ""
|
||||
if (r == 0) {
|
||||
s = "删除成功！";
|
||||
errType = "success"
|
||||
} else{
|
||||
s = "删除失败！";
|
||||
errType = "error"
|
||||
}
|
||||
|
||||
_this.$message({
|
||||
message: s,
|
||||
type: errType,
|
||||
duration: 1500
|
||||
});
|
||||
|
||||
if (r ==0) {
|
||||
_this.get_rs("");//更新页面
|
||||
}
|
||||
|
||||
})
|
||||
.catch(function (error) {
|
||||
console.log(error);
|
||||
});
|
||||
},
|
||||
|
||||
addRs(){
|
||||
document.getElementById("bt_add").blur();
|
||||
|
||||
this.$data.oper_type = 1;
|
||||
this.$data.form = {
|
||||
id: 0,
|
||||
rs: '',
|
||||
};
|
||||
|
||||
this.$nextTick(() => {
|
||||
this.$refs['userform'].clearValidate()
|
||||
});
|
||||
|
||||
this.$data.dialogVisible = true;
|
||||
},
|
||||
|
||||
updateRs(info){
|
||||
this.$data.oper_type = 2;
|
||||
this.$data.form = {
|
||||
id: info.id,
|
||||
rs: info.rs,
|
||||
};
|
||||
|
||||
this.$nextTick(() => {
|
||||
this.$refs['userform'].clearValidate()
|
||||
});
|
||||
this.$data.dialogVisible = true;
|
||||
},
|
||||
|
||||
get_rs(_search_name){
|
||||
document.getElementById("bt_search").blur();
|
||||
|
||||
this.$data.currentPage=1;
|
||||
|
||||
var _this = this;
|
||||
|
||||
var objs;
|
||||
axios.post('/u_ma/get_rs', {
|
||||
opuser:localStorage.getItem("online_user"),
|
||||
opuser_uuid:localStorage.getItem("uuid"),
|
||||
state: _search_name,
|
||||
})
|
||||
.then(function (response) {
|
||||
console.log(response.data);
|
||||
objs = response.data.data;
|
||||
rcnt = response.data.total;
|
||||
_this.$data.tableData = objs;
|
||||
})
|
||||
.catch(function (error) {
|
||||
console.log(error);
|
||||
});
|
||||
|
||||
},
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
File diff suppressed because it is too large
Load Diff
|
|
@ -0,0 +1,442 @@
|
|||
//组件
|
||||
var Usercomponent = {
|
||||
template:`
|
||||
<div>
|
||||
<div id="" style="display: inline-block;width: 100%;">
|
||||
|
||||
<div style="float: left; width: 20%;">
|
||||
<el-input v-model="input" placeholder="请输入用户" clearable @change="input_change"></el-input>
|
||||
</div>
|
||||
<div style="float: left;">
|
||||
<el-button id ="bt_search" plain type="primary" icon="el-icon-search" @click="getUser(input)">搜索</el-button>
|
||||
<el-button id ="bt_add" plain type="primary" icon="el-icon-circle-plus-outline" @click="addUser()">新增</el-button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="span">
|
||||
<el-table
|
||||
:data="tableData"
|
||||
style="width: 100%"
|
||||
:height="tHeight"
|
||||
:cell-style="{background:'#fff'}"
|
||||
border
|
||||
>
|
||||
<el-table-column
|
||||
prop="username"
|
||||
label="用户名"
|
||||
width="100">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="rolename"
|
||||
label="角色"
|
||||
width="120">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="location"
|
||||
label="位置"
|
||||
width="120">
|
||||
</el-table-column>
|
||||
<!--<el-table-column
|
||||
prop="department"
|
||||
label="部门"
|
||||
width="120">
|
||||
</el-table-column>-->
|
||||
<el-table-column
|
||||
label="操作"
|
||||
width="100">
|
||||
<template slot-scope="scope">
|
||||
<!--style="height:23px;padding:0px" -->
|
||||
<el-button @click="updateUser(scope.row)" type="text" size="medium" >修改</el-button>
|
||||
<el-button @click="delUser(scope.row)" type="text" size="medium" >删除</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
</div>
|
||||
|
||||
<div class="block">
|
||||
<span class="demonstration"></span>
|
||||
<el-pagination
|
||||
@size-change="handleSizeChange"
|
||||
@current-change="handleCurrentChange"
|
||||
:current-page="currentPage"
|
||||
:page-sizes="[50,100, 200, 300]"
|
||||
:page-size="pagesize"
|
||||
layout="total, sizes, prev, pager, next, jumper"
|
||||
:total="recordTotal">
|
||||
</el-pagination>
|
||||
</div>
|
||||
|
||||
<el-dialog
|
||||
title="用户信息"
|
||||
:visible.sync="dialogVisible"
|
||||
:lock-scroll ="false"
|
||||
width="30%">
|
||||
<el-form ref="userform" :model="form" label-width="80px" :rules="rules">
|
||||
<el-form-item label="用户名" prop="username">
|
||||
<el-input v-model="form.username"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="密码" prop="password">
|
||||
<el-input v-model="form.password" show-password></el-input>
|
||||
</el-form-item>
|
||||
<!--
|
||||
<el-form-item label="部门" prop="department">
|
||||
<el-select v-model="form.department" placeholder="请选择部门">
|
||||
<el-option-group
|
||||
key="1"
|
||||
label="">
|
||||
<el-option label="生产" value="生产"></el-option>
|
||||
<el-option label="质检" value="质检"></el-option>
|
||||
<el-option label="供应链" value="供应链"></el-option>
|
||||
<el-option label="交付" value="交付"></el-option>
|
||||
<el-option label="研发" value="研发"></el-option>
|
||||
<el-option label="保温瓶" value="保温瓶"></el-option>
|
||||
<el-option label="技术" value="技术"></el-option>
|
||||
</el-option-group>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
-->
|
||||
<el-form-item label="角色" prop="role">
|
||||
<el-select v-model="form.role" placeholder="请选择职位">
|
||||
<el-option-group
|
||||
key="1"
|
||||
label="">
|
||||
<el-option label="普通用户" value="普通用户"></el-option>
|
||||
<el-option label="管理员" value="管理员"></el-option>
|
||||
<el-option label="浏览账号" value="浏览账号"></el-option>
|
||||
</el-option-group>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item label="位置" prop="role">
|
||||
<el-select v-model="form.location" placeholder="请选择职位">
|
||||
<el-option-group
|
||||
key="1"
|
||||
label="">
|
||||
<el-option label="睿控维保" value="睿控维保"></el-option>
|
||||
<el-option label="现场维保" value="现场维保"></el-option>
|
||||
</el-option-group>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<!--<el-form-item label="状态" prop="state" >
|
||||
<el-select v-model="form.state" placeholder="请选择" :disabled="state_dis">
|
||||
<el-option-group
|
||||
key="1"
|
||||
label="">
|
||||
<el-option label="状态1" value="状态1"></el-option>
|
||||
<el-option label="状态2" value="状态2"></el-option>
|
||||
</el-option-group>
|
||||
</el-select>
|
||||
</el-form-item>-->
|
||||
</el-form>
|
||||
<span slot="footer" class="dialog-footer">
|
||||
<el-button @click="dialogVisible = false">取 消</el-button>
|
||||
<el-button id ="bt_ok" plain type="primary" @click="postUser()">确 定</el-button>
|
||||
</span>
|
||||
</el-dialog>
|
||||
</div>
|
||||
`,
|
||||
data(){
|
||||
// 获取当前屏幕的分辨率
|
||||
let screenW = window.screen.width;
|
||||
let screenH = window.screen.height;
|
||||
console.log("screen width:",screenW);
|
||||
console.log("screen height:",screenH);
|
||||
return {
|
||||
tHeight:screenH*0.8,
|
||||
tableData: [],
|
||||
input:'',
|
||||
currentPage: 1,
|
||||
pagesize:50,
|
||||
recordTotal:0,
|
||||
form: {
|
||||
id:'',
|
||||
username: '',
|
||||
password:'',
|
||||
role: '',
|
||||
department:'',
|
||||
state:'',
|
||||
location:'',
|
||||
},
|
||||
dialogVisible:false,
|
||||
oper_type:0,
|
||||
rules: {
|
||||
username: [
|
||||
{ required: true, message: '用户不可为空', trigger: 'blur' }
|
||||
],
|
||||
password: [
|
||||
{ required: true, message: '密码不可为空', trigger: 'blur' }
|
||||
],
|
||||
role: [
|
||||
{ required: true, message: '用户角色不可为空', trigger: 'blur' }
|
||||
],
|
||||
state: [
|
||||
{ required: true, message: '用户状态不可为空', trigger: 'blur' }
|
||||
]
|
||||
},
|
||||
|
||||
state_dis:false,
|
||||
}
|
||||
},
|
||||
mounted() {
|
||||
|
||||
var _this = this;
|
||||
|
||||
var objs;
|
||||
axios.post('/u_ma/getUsers', {
|
||||
opuser:localStorage.getItem("online_user"),
|
||||
opuser_uuid:localStorage.getItem("uuid"),
|
||||
id: '',
|
||||
index: this.$data.currentPage,
|
||||
count: this.$data.pagesize
|
||||
})
|
||||
.then(function (response) {
|
||||
|
||||
console.log(response.data);
|
||||
objs = response.data.data;
|
||||
rcnt = response.data.total;
|
||||
_this.$data.tableData = objs;
|
||||
_this.$data.recordTotal = rcnt;
|
||||
})
|
||||
.catch(function (error) {
|
||||
console.log(error);
|
||||
});
|
||||
},
|
||||
methods: {
|
||||
input_change(value) {
|
||||
console.log(value);
|
||||
this.getUser(this.$data.input);
|
||||
},
|
||||
|
||||
postUser(){
|
||||
this.$refs['userform'].validate((valid) => {
|
||||
if(valid){
|
||||
this.$data.dialogVisible = false;
|
||||
|
||||
var _this = this;
|
||||
|
||||
console.log(_this.$data.form);
|
||||
|
||||
var objs;
|
||||
axios.post('/u_ma/postUser', {
|
||||
opuser:localStorage.getItem("online_user"),
|
||||
opuser_uuid:localStorage.getItem("uuid"),
|
||||
id: _this.$data.form.id,
|
||||
username:_this.$data.form.username,
|
||||
password: _this.$data.form.password,
|
||||
role: _this.$data.form.role,
|
||||
department:_this.$data.form.department,
|
||||
oper_type: _this.$data.oper_type,
|
||||
state:_this.$data.form.state,
|
||||
location:_this.$data.form.location,
|
||||
})
|
||||
.then(function (response) {
|
||||
|
||||
let r = response.data.r;
|
||||
let s = ""
|
||||
let errType = ""
|
||||
if (r == 0) {
|
||||
errType = "success"
|
||||
} else{
|
||||
errType = "error"
|
||||
}
|
||||
|
||||
if (_this.$data.oper_type == 1) {
|
||||
|
||||
if (r ==0) {
|
||||
s = "新增用户成功！";
|
||||
} else if(r == 1) {
|
||||
s = "已存在相同用户名！";
|
||||
}else{
|
||||
s = "新增用户失败！";
|
||||
}
|
||||
|
||||
} else if (_this.$data.oper_type ==2){
|
||||
|
||||
if (r ==0) {
|
||||
s = "修改用户成功！";
|
||||
} else{
|
||||
s = "修改用户失败！";
|
||||
}
|
||||
}
|
||||
|
||||
_this.$message({
|
||||
message: s,
|
||||
type: errType,
|
||||
duration: 1500
|
||||
});
|
||||
|
||||
//更新页面
|
||||
_this.getUser(_this.$data.input);
|
||||
})
|
||||
.catch(function (error) {
|
||||
console.log(error);
|
||||
});
|
||||
|
||||
}
|
||||
});
|
||||
},
|
||||
|
||||
delUser(userinfo){
|
||||
this.$data.oper_type = 3;
|
||||
|
||||
var _this = this;
|
||||
|
||||
var objs;
|
||||
axios.post('/u_ma/postUser', {
|
||||
opuser:localStorage.getItem("online_user"),
|
||||
opuser_uuid:localStorage.getItem("uuid"),
|
||||
id: userinfo.userid,
|
||||
username:userinfo.username,
|
||||
password: userinfo.password,
|
||||
role: userinfo.rolename,
|
||||
department:userinfo.user_department,
|
||||
oper_type: _this.$data.oper_type
|
||||
})
|
||||
.then(function (response) {
|
||||
|
||||
let r = response.data.r;
|
||||
let s = ""
|
||||
let errType = ""
|
||||
if (r == 0) {
|
||||
s = "删除用户成功！";
|
||||
errType = "success"
|
||||
} else{
|
||||
s = "删除用户失败！";
|
||||
errType = "error"
|
||||
}
|
||||
|
||||
_this.$message({
|
||||
message: s,
|
||||
type: errType,
|
||||
duration: 1500
|
||||
});
|
||||
|
||||
if (r ==0) {
|
||||
_this.getUser("");//更新页面
|
||||
}
|
||||
|
||||
})
|
||||
.catch(function (error) {
|
||||
console.log(error);
|
||||
});
|
||||
},
|
||||
|
||||
addUser(){
|
||||
document.getElementById("bt_add").blur();
|
||||
|
||||
this.$data.oper_type = 1;
|
||||
this.$data.form = {
|
||||
id:'',
|
||||
username: '',
|
||||
password:'',
|
||||
role: '',
|
||||
department:'',
|
||||
state:'状态1',
|
||||
location:'睿控维保'
|
||||
};
|
||||
this.$data.state_dis=true;
|
||||
|
||||
this.$nextTick(() => {
|
||||
this.$refs['userform'].clearValidate()
|
||||
});
|
||||
|
||||
this.$data.dialogVisible = true;
|
||||
},
|
||||
|
||||
updateUser(userinfo){
|
||||
this.$data.oper_type = 2;
|
||||
this.$data.form = {
|
||||
id:userinfo.userid,
|
||||
username: userinfo.username,
|
||||
password:userinfo.password,
|
||||
role: userinfo.rolename,
|
||||
department:userinfo.department,
|
||||
state:userinfo.state,
|
||||
location:userinfo.location,
|
||||
};
|
||||
this.$data.state_dis=false;
|
||||
|
||||
this.$nextTick(() => {
|
||||
this.$refs['userform'].clearValidate()
|
||||
});
|
||||
this.$data.dialogVisible = true;
|
||||
},
|
||||
|
||||
getUser(_search_name){
|
||||
document.getElementById("bt_search").blur();
|
||||
|
||||
this.$data.currentPage=1;
|
||||
|
||||
var _this = this;
|
||||
|
||||
var objs;
|
||||
axios.post('/u_ma/getUsers', {
|
||||
opuser:localStorage.getItem("online_user"),
|
||||
opuser_uuid:localStorage.getItem("uuid"),
|
||||
id: _search_name,
|
||||
index: this.$data.currentPage,
|
||||
count: this.$data.pagesize
|
||||
})
|
||||
.then(function (response) {
|
||||
console.log(response.data);
|
||||
objs = response.data.data;
|
||||
rcnt = response.data.total;
|
||||
_this.$data.tableData = objs;
|
||||
_this.$data.recordTotal = rcnt;
|
||||
})
|
||||
.catch(function (error) {
|
||||
console.log(error);
|
||||
});
|
||||
|
||||
},
|
||||
|
||||
handleSizeChange(val) {
|
||||
this.$data.pagesize = val;
|
||||
|
||||
var _this = this;
|
||||
|
||||
var objs;
|
||||
axios.post('/u_ma/getUsers', {
|
||||
opuser:localStorage.getItem("online_user"),
|
||||
opuser_uuid:localStorage.getItem("uuid"),
|
||||
id: this.$data.input,
|
||||
index: this.$data.currentPage,
|
||||
count: this.$data.pagesize
|
||||
})
|
||||
.then(function (response) {
|
||||
console.log(response.data);
|
||||
objs = response.data.data;
|
||||
rcnt = response.data.total;
|
||||
_this.$data.tableData = objs;
|
||||
_this.$data.recordTotal = rcnt;
|
||||
})
|
||||
.catch(function (error) {
|
||||
console.log(error);
|
||||
});
|
||||
},
|
||||
handleCurrentChange(val) {
|
||||
this.$data.currentPage = val;
|
||||
|
||||
var _this = this;
|
||||
|
||||
var objs;
|
||||
axios.post('/u_ma/getUsers', {
|
||||
opuser:localStorage.getItem("online_user"),
|
||||
opuser_uuid:localStorage.getItem("uuid"),
|
||||
id: this.$data.input,
|
||||
index: this.$data.currentPage,
|
||||
count: this.$data.pagesize
|
||||
})
|
||||
.then(function (response) {
|
||||
console.log(response.data);
|
||||
objs = response.data.data;
|
||||
rcnt = response.data.total;
|
||||
_this.$data.tableData = objs;
|
||||
_this.$data.recordTotal = rcnt;
|
||||
})
|
||||
.catch(function (error) {
|
||||
console.log(error);
|
||||
});
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
Loading…
Reference in New Issue