chengdandan
/
TransFlow
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Merge branch 'master' of https://git.lgzn.space/chengdandan/TransFlow

This commit is contained in:
chengdandan 2023-02-24 15:10:28 +08:00
parent 4a2589d11e ecc2cb4c42
commit a5e2b6271d
6 changed files with 375 additions and 313 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
src/api/aboutMachine.js Normal file
View File

@ -0,0 +1,13 @@
import request from '@/utils/request.js';
import axios from 'axios';
export const getHostInfoApi = params => {
return axios.get('api/GetHostInfo', {
params
});
};
//保存主机名称
export const getSetHostName = params => {
return axios.get('api/SetHostName', {
params
});
};

13
src/api/iPSetting.js Normal file
View File

@ -0,0 +1,13 @@
import request from '@/utils/request.js';
import axios from 'axios';
export const getHostInfoApi = params => {
return axios.get('api/GetHostInfo', {
params
});
};
//保存主机名称
export const getSetHostName = params => {
return axios.get('api/SetHostName', {
params
});
};

5
src/config/apiurl.js
View File

@ -15,13 +15,14 @@ export default {
postSetQuanjsz: 'http://172.16.1.168:5000/api/SetQuanjsz', postSetQuanjsz: 'http://172.16.1.168:5000/api/SetQuanjsz',
saveRoleApi: 'http://172.16.1.168:5000/api/AddZhangh', saveRoleApi: 'http://172.16.1.168:5000/api/AddZhangh',
editRoleApi: 'http://172.16.1.168:5000/api/EditZhangh', editRoleApi: 'http://172.16.1.168:5000/api/EditZhangh',
//保存主机名称
editRoleApi: 'http://172.16.1.168:5000/api/EditZhangh',
//新增图形接口 //新增图形接口
addFigure: 'http://172.16.1.168:5000/api/AddJianktx', addFigure: 'http://172.16.1.168:5000/api/AddJianktx',
//编辑图形名称 //编辑图形名称
editFigure: 'http://172.16.1.168:5000/api/EditTuxmc', editFigure: 'http://172.16.1.168:5000/api/EditTuxmc',
//编辑保存组件弹窗传参 //编辑保存组件弹窗传参
editComponent: 'http://172.16.1.168:5000/api/SetMonqjkzjcs' setHostName: 'http://172.16.1.168:5000/api/SetHostName'
// `http://${ipUurl}:5000/api/AddShipjk` // `http://${ipUurl}:5000/api/AddShipjk`
// dataUrl: `http://${ipUurl}:5000/api/AddShipjk`, // dataUrl: `http://${ipUurl}:5000/api/AddShipjk`,

39
src/page/Login.vue
View File

@ -5,13 +5,13 @@
<div class="content"> <div class="content">
<div class="welcome">欢迎登录</div> <div class="welcome">欢迎登录</div>
<el-form :model="param" :rules="rules" ref="login" label-width="100px" label-position="top" class="ms-content"> <el-form :model="param" :rules="rules" ref="login" label-width="100px" label-position="top" class="ms-content">
<el-form-item prop="Account" label="用户名"> <el-form-item prop="username" label="用户名">
<el-input v-model="param.Account" placeholder="输入您的账号"> <el-input v-model="param.username" placeholder="输入您的账号">
<el-button slot="prepend" icon="el-icon-user"></el-button> <el-button slot="prepend" icon="el-icon-user"></el-button>
</el-input> </el-input>
</el-form-item> </el-form-item>
<el-form-item prop="Password" label="密码" style="margin-top: 15px"> <el-form-item prop="password" label="密码" style="margin-top: 15px">
<el-input type="password" placeholder="请输入密码" v-model="param.Password" @keyup.enter.native="submitForm()"> <el-input type="password" placeholder="请输入密码" v-model="param.password" @keyup.enter.native="submitForm()">
<el-button slot="prepend" icon="el-icon-lock"></el-button> <el-button slot="prepend" icon="el-icon-lock"></el-button>
</el-input> </el-input>
</el-form-item> </el-form-item>
@ -35,34 +35,35 @@ export default {
data() { data() {
return { return {
param: { param: {
Account: '', username: 'admin',
Password: '' password: '123456'
}, },
checked: false, checked: false,
rules: { rules: {
Account: [{ required: true, message: '账号不能为空', trigger: 'blur' }], username: [{ required: true, message: '账号不能为空', trigger: 'blur' }],
Password: [{ required: true, message: '密码不能为空', trigger: 'blur' }] password: [{ required: true, message: '密码不能为空', trigger: 'blur' }]
} }
}; };
}, },
created() {}, created() {
this.getType();
},
methods: { methods: {
getType() { getType() {
loginApi(this.param).then(res => { let datas = {
if (res.data.code == 200) { telephone: '13088888888',
localStorage.setItem('user', JSON.stringify(res.data.data)); typeCode: 2
localStorage.setItem('ms_username', this.param.Account); };
this.$router.push('/'); loginApi(datas).then(res => {
this.$message.success('登录成功'); console.log('c', res);
} else {
this.$message.error(res.data.msg);
}
}); });
}, },
submitForm() { submitForm() {
this.$refs.login.validate(valid => { this.$refs.login.validate(valid => {
if (valid) { if (valid) {
this.getType(); this.$message.success('登录成功');
localStorage.setItem('ms_username', this.param.username);
this.$router.push('/');
} else { } else {
this.$message.error('请输入账号和密码'); this.$message.error('请输入账号和密码');
console.log('error submit!!'); console.log('error submit!!');

12
src/views/IPSetting.vue
View File

@ -2,12 +2,6 @@
<div class="content-box"> <div class="content-box">
<div class="container"> <div class="container">
<p class="title">FTP设置</p> <p class="title">FTP设置</p>
<!-- <div class="test-div">
<i class="el-icon-edit"></i>
<i class="el-icon-share"></i>
<i class="el-icon-delete"></i>
</div> -->
<el-form :model="form" label-position="left" label-width="110px" style="width:50%"> <el-form :model="form" label-position="left" label-width="110px" style="width:50%">
<el-form-item label="账号："> <el-form-item label="账号：">
<el-input placeholder="请输入账号名" v-model="form.ComponentPropsname" clearable></el-input> <el-input placeholder="请输入账号名" v-model="form.ComponentPropsname" clearable></el-input>
@ -32,16 +26,16 @@ export default {
form: { form: {
name: '', name: '',
password: '', password: '',
FTP: '', FTP: ''
}
} }
};
}, },
methods: { methods: {
Submit() { Submit() {
this.form; this.form;
} }
} }
} };
</script> </script>
<style scoped> <style scoped>

150
src/views/general/AboutMachine.vue
View File

@ -4,17 +4,20 @@
<el-form ref="form" :model="sizeForm" label-width="140px"> <el-form ref="form" :model="sizeForm" label-width="140px">
<p>主机</p> <p>主机</p>
<el-form-item label="名称：" :label-width="formLabelWidth"> <el-form-item label="名称：" :label-width="formLabelWidth">
<!-- <el-col :span="6"> -->
<el-input v-model="sizeForm.name" autocomplete="off" style="width:50%"></el-input> <el-input v-model="sizeForm.name" autocomplete="off" style="width:50%"></el-input>
<!-- </el-col> --> <el-button type="primary" style="margin-left:10px" @click="saveHostName" size="small">保存</el-button>
</el-form-item> </el-form-item>
<el-form-item label="时间：" :label-width="formLabelWidth"> <el-form-item label="时间：" :label-width="formLabelWidth">
<!-- <el-col :span="6"> --> <el-date-picker
<el-date-picker type="date" placeholder="选择日期" v-model="sizeForm.date1" style="width: 50%;" autocomplete="off" ></el-date-picker> type="datetime"
<!-- </el-col> --> value-format="yyyy-MM-dd HH:mm:ss"
<!-- <el-col :span="2"> --> placeholder="选择日期"
v-model="sizeForm.date1"
style="width: 50%;"
autocomplete="off"
></el-date-picker>
<el-button type="primary" style="margin-left:10px" size="small">自动校验</el-button> <el-button type="primary" style="margin-left:10px" size="small">自动校验</el-button>
<!-- </el-col> -->
</el-form-item> </el-form-item>
<p>备份&恢复</p> <p>备份&恢复</p>
<el-form-item label="备份服务器设置："> <el-form-item label="备份服务器设置：">
@ -36,7 +39,8 @@
multiple multiple
:limit="3" :limit="3"
:on-exceed="handleExceed" :on-exceed="handleExceed"
:file-list="fileList"> :file-list="fileList"
>
<el-button size="small" type="primary">点击上传</el-button> <el-button size="small" type="primary">点击上传</el-button>
</el-upload> </el-upload>
</el-col> </el-col>
@ -55,22 +59,16 @@
</el-form-item> </el-form-item>
<p>全局设置</p> <p>全局设置</p>
<el-form-item label="视频接入上限："> <el-form-item label="视频接入上限：">
<el-input-number v-model="videoNumber" :min="1" size="mini" <el-input-number v-model="videoNumber" :min="1" size="mini" :max="8"></el-input-number>
:max="8"></el-input-number>
<i class="el-icon-warning" style="color: #409EFF; margin: 0 3px 0 10px;"></i>范围1-8、默认6 <i class="el-icon-warning" style="color: #409EFF; margin: 0 3px 0 10px;"></i>范围1-8、默认6
</el-form-item> </el-form-item>
<el-form-item label="跳帧设置："> <el-form-item label="跳帧设置：">
<!-- <el-input-number v-model="FPS" @change="handleChange" size="mini"></el-input-number> -->
<el-select v-model="FPS" size="mini" placeholder="请选择"> <el-select v-model="FPS" size="mini" placeholder="请选择">
<el-option <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value"> </el-option>
v-for="item in options"
:key="item.value"
:label="item.label"
:value="item.value">
</el-option>
</el-select> </el-select>
<i class="el-icon-warning" style="color: #409EFF; margin: 0 3px 0 10px;"></i>默认取值：单路视频流 0 ；2-3 路视频流 1；4-6 路视频流 4 <i class="el-icon-warning" style="color: #409EFF; margin: 0 3px 0 10px;"></i>默认取值：单路视频流 0 ；2-3 路视频流
1；4-6 路视频流 4
</el-form-item> </el-form-item>
<el-button type="primary" size="small" @click="commit()">保存</el-button> <el-button type="primary" size="small" @click="commit()">保存</el-button>
</el-form> </el-form>
@ -79,10 +77,11 @@
</template> </template>
<script> <script>
import {getQuanjszData} from "../../api/index"; import { getHostInfoApi } from '../../api/aboutMachine';
import serverUrl from "../../config/apiurl.js" import { getQuanjszData } from '../../api/index';
import {setQuanjsz} from "@/api/index" import serverUrl from '../../config/apiurl.js';
import axios from 'axios' import { setQuanjsz } from '@/api/index';
import axios from 'axios';
export default { export default {
data() { data() {
return { return {
@ -113,25 +112,63 @@ export default {
{ {
value: '4', value: '4',
label: '4' label: '4'
},
],
} }
]
};
}, },
mounted() { mounted() {
this.getShipjkDatalist() this.getShipjkDatalist();
this.getInfo();
}, },
methods: { methods: {
//保存主机名称
saveHostName(value) {
let formData = new FormData();
formData.append('HostName', this.sizeForm.name);
axios({
method: 'post',
url: serverUrl.setHostName,
data: formData
}).then(res => {
console.log('res', res);
if (res.data.code == 200) {
this.$message({
message: res.data.msg,
type: 'success'
});
} else {
this.$message({
message: res.data.msg,
type: 'warning'
});
}
});
},
// 获取名称和时间
getInfo() {
getHostInfoApi()
.then(res => {
this.sizeForm.name = res.data.data.hostname;
this.sizeForm.date1 = res.data.data.time;
console.log(res.data.data, 11111);
})
.catch(err => {
this.$message.error(res.data.msg);
});
},
handleagain() { handleagain() {
this.$confirm('此操作将重新启动系统, 是否继续?', '提示', { this.$confirm('此操作将重新启动系统, 是否继续?', '提示', {
confirmButtonText: '确定', confirmButtonText: '确定',
cancelButtonText: '取消', cancelButtonText: '取消',
type: 'warning' type: 'warning'
}).then(() => { })
.then(() => {
// this.$message({ // this.$message({
// type: 'success', // type: 'success',
// message: '删除成功!' // message: '删除成功!'
// }); // });
}).catch(() => { })
.catch(() => {
this.$message({ this.$message({
type: 'info', type: 'info',
message: '已取消' message: '已取消'
@ -143,12 +180,14 @@ export default {
confirmButtonText: '确定', confirmButtonText: '确定',
cancelButtonText: '取消', cancelButtonText: '取消',
type: 'warning' type: 'warning'
}).then(() => { })
.then(() => {
// this.$message({ // this.$message({
// type: 'success', // type: 'success',
// message: '删除成功!' // message: '删除成功!'
// }); // });
}).catch(() => { })
.catch(() => {
this.$message({ this.$message({
type: 'info', type: 'info',
message: '已取消重置' message: '已取消重置'
@ -162,24 +201,25 @@ export default {
console.log(file); console.log(file);
}, },
handleExceed(files, fileList) { handleExceed(files, fileList) {
this.$message.warning(`当前限制选择 3 个文件，本次选择了 ${files.length} 个文件，共选择了 ${files.length + fileList.length} 个文件`); this.$message.warning(
`当前限制选择 3 个文件，本次选择了 ${files.length} 个文件，共选择了 ${files.length + fileList.length} 个文件`
);
}, },
beforeRemove(file, fileList) { beforeRemove(file, fileList) {
return this.$confirm(`确定移除 ${file.name}？`); return this.$confirm(`确定移除 ${file.name}？`);
}, },
handleChangeVideoNumber(value) { handleChangeVideoNumber(value) {
console.log("videoNumber",value) this.videoNumber = value;
this.videoNumber=value
let formData = new FormData(); let formData = new FormData();
formData.append("F_NB_SHIPJRSX",value); formData.append('F_NB_SHIPJRSX', value);
formData.append("F_NB_TIAOZSZ",this.FPS); formData.append('F_NB_TIAOZSZ', this.FPS);
formData.append("F_VC_ID",this.id); formData.append('F_VC_ID', this.id);
axios({ axios({
method: "post", method: 'post',
url: serverUrl.postSetQuanjsz, url: serverUrl.postSetQuanjsz,
data: formData data: formData
}).then((res) => { }).then(res => {
console.log("res",res) console.log('res', res);
if (res.data.code == 200) { if (res.data.code == 200) {
this.$message({ this.$message({
message: res.data.msg, message: res.data.msg,
@ -191,50 +231,50 @@ export default {
type: 'warning' type: 'warning'
}); });
} }
}) });
}, },
handleChange(value) { handleChange(value) {
console.log("FPS",value) console.log('FPS', value);
this.FPS=value this.FPS = value;
const formData = new URLSearchParams(); const formData = new URLSearchParams();
// let formData = new FormData(); // let formData = new FormData();
formData.append("VideoAccessLimit",this.videoNumber); formData.append('VideoAccessLimit', this.videoNumber);
formData.append("SkipFrame",value); formData.append('SkipFrame', value);
formData.append("GlobalSettingId",this.id); formData.append('GlobalSettingId', this.id);
formData(formData).then(res => { formData(formData).then(res => {
this.$message({ this.$message({
message: res.data.msg, message: res.data.msg,
type: 'success' type: 'success'
}); });
}) });
}, },
//获取全局设置数据 //获取全局设置数据
getShipjkDatalist() { getShipjkDatalist() {
getQuanjszData().then(res => { getQuanjszData().then(res => {
console.log("res11111",res) console.log('res11111', res);
if (res.data.code == 200) { if (res.data.code == 200) {
this.videoNumber=res.data.data.videoAccessLimit this.videoNumber = res.data.data.videoAccessLimit;
this.FPS=res.data.data.skipFrame this.FPS = res.data.data.skipFrame;
this.id = res.data.data.globalSettingId this.id = res.data.data.globalSettingId;
} }
}) });
}, },
//点击确认 //点击确认
commit() { commit() {
const formData = new URLSearchParams(); const formData = new URLSearchParams();
// let formData = new FormData(); // let formData = new FormData();
formData.append("VideoAccessLimit",this.videoNumber); formData.append('VideoAccessLimit', this.videoNumber);
formData.append("SkipFrame",this.FPS); formData.append('SkipFrame', this.FPS);
formData.append("GlobalSettingId",this.id); formData.append('GlobalSettingId', this.id);
setQuanjsz(formData).then(res => { setQuanjsz(formData).then(res => {
this.$message({ this.$message({
message: res.data.msg, message: res.data.msg,
type: 'success' type: 'success'
}); });
}) });
}
} }
} }
};
</script> </script>
<style> <style>