322 lines
12 KiB
HTML
322 lines
12 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
|
|
<head>
|
|
<meta charset="utf-8"/>
|
|
<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0, user-scalable=0"/>
|
|
<title>数据转换智能推荐策略</title>
|
|
<script src="./lib/jquery/dist/jquery.js"></script>
|
|
<script src="./lib/vuejs/vue.js"></script>
|
|
<script src="./lib/vuejs/axios.min.js"></script>
|
|
<script src="./lib/elementui/index2.15.9v.js"></script>
|
|
<!--<script src="./lib/linq.js/Content/Scripts/linq.min.js"></script>-->
|
|
<script src="Scripts/linq.js"></script>
|
|
<link href="./lib/elementui/index2.15.9v.css" rel="stylesheet"/>
|
|
<link href="./lib/elementui/theme-green/index.css" rel="stylesheet"/>
|
|
<link href="./lib/elementui/theme-green/color-green.css" rel="stylesheet"/>
|
|
|
|
<!-- 依 赖 样 式 -->
|
|
<link rel="stylesheet" href="component/pear/css/pear.css"/>
|
|
<!-- 加 载 样 式 -->
|
|
<!--<Link rel="stylesheet" href="admin/css/loader.css" />-->
|
|
<!-- 布 局 样 式 -->
|
|
<!--<Link rel="stylesheet" href="admin/css/admin.css" />-->
|
|
<!-- 依 赖 脚 本 -->
|
|
<script src="component/layui/layui.js"></script>
|
|
<script src="component/pear/pear.js"></script>
|
|
<!-- 新增加的layui的框架 -->
|
|
<!--<Link href="Scripts/layui/css/layui.css" rel="stylesheet" />
|
|
<script src="Scripts/layui/layui.js"></script>-->
|
|
<!--新增加的vxe表格组件-->
|
|
<!-- 引入样式 -->
|
|
<link rel="stylesheet" href="./lib/vxetable/vxe_style.css">
|
|
<!-- 引入脚本 -->
|
|
<script src="./lib/vxetable/xe-utils.js"></script>
|
|
<script src="./lib/vxetable/vxe-table@legacy.js"></script>
|
|
|
|
|
|
</head>
|
|
<body>
|
|
<div id="app">
|
|
<div style=" width:100%; height:22px;background-color:#aec5e6; text-align:center; color: white; padding:8px">
|
|
智能化数据策略
|
|
</div>
|
|
|
|
<vxe-toolbar>
|
|
<template #buttons>
|
|
<vxe-button icon="vxe-icon-square-plus" @click="insertEvent()">新增</vxe-button>
|
|
<!--<vxe-button icon="vxe-icon-cloud-upload" @click="uploadFileEvent()">导入</vxe-button>-->
|
|
|
|
<!-- <div style=" border:1px solid dashed; padding:2px; margin-left:12px;margin-right:12px; border-radius:4px; background-color:#eee6e6e1">-->
|
|
<!-- <input type="file" @change="handleFileUpload">-->
|
|
<!-- <vxe-button icon="vxe-icon-cloud-download" @click="upload()">导入</vxe-button>-->
|
|
<!-- </div>-->
|
|
<!-- <vxe-button icon="vxe-icon-cloud-download" @click="exportData()">导出</vxe-button>-->
|
|
</template>
|
|
</vxe-toolbar>
|
|
|
|
<vxe-table border
|
|
resizable
|
|
show-overflow
|
|
ref="xTable"
|
|
height="500"
|
|
:row-config="{isHover: true}"
|
|
:data="tableData"
|
|
@cell-dblclick="cellDBLClickEvent">
|
|
<vxe-column type="seq" width="60"></vxe-column>
|
|
<vxe-column field="id" title="ID"></vxe-column>
|
|
<vxe-column field="duanyu" title="短语内容"></vxe-column>
|
|
<vxe-column title="操作" width="100" show-overflow>
|
|
<template #default="{ row }">
|
|
<vxe-button type="text" icon="vxe-icon-edit" @click="editEvent(row)"></vxe-button>
|
|
<vxe-button type="text" icon="vxe-icon-delete" @click="removeEvent(row)"></vxe-button>
|
|
</template>
|
|
</vxe-column>
|
|
</vxe-table>
|
|
|
|
<vxe-pager :loading="loading1"
|
|
:current-page="tablePage1.currentPage"
|
|
:page-size="tablePage1.pageSize"
|
|
:total="tablePage1.totalResult"
|
|
:layouts="['PrevPage', 'JumpNumber', 'NextPage', 'FullJump', 'Sizes', 'Total']"
|
|
@page-change="handlePageChange1">
|
|
</vxe-pager>
|
|
|
|
|
|
<vxe-modal v-model="showEdit" :title="selectRow ? '编辑&保存' : '新增&保存'" width="800" min-width="600" min-height="300"
|
|
:loading="submitLoading" resize destroy-on-close>
|
|
<template #default>
|
|
<vxe-form :data="formData" :rules="formRules" title-align="right" title-width="100" @submit="submitEvent">
|
|
<div style="visibility:hidden">
|
|
<vxe-form-item field="id" title="内部编号" :span="12" :item-render="{}">
|
|
<template #default="{ data }">
|
|
<vxe-input v-model="data.id" placeholder="内部编号" readonly></vxe-input>
|
|
</template>
|
|
</vxe-form-item>
|
|
</div>
|
|
|
|
<vxe-form-item title="语句管理" title-align="left" :title-width="200" :span="24"
|
|
:title-prefix="{icon: 'vxe-icon-comment'}"></vxe-form-item>
|
|
<vxe-form-item field="duanyu" title="短语" :span="12" :item-render="{}">
|
|
<template #default="{ data }">
|
|
<vxe-input v-model="data.duanyu" placeholder="请输入短语内容"></vxe-input>
|
|
</template>
|
|
</vxe-form-item>
|
|
|
|
<vxe-form-item align="center" title-align="left" :span="24">
|
|
<template #default>
|
|
<vxe-button type="submit">提交</vxe-button>
|
|
<vxe-button type="reset">重置</vxe-button>
|
|
</template>
|
|
</vxe-form-item>
|
|
</vxe-form>
|
|
</template>
|
|
</vxe-modal>
|
|
|
|
|
|
</div>
|
|
</body>
|
|
</html>
|
|
|
|
<script>
|
|
///////////////////////////////////////////////////
|
|
//该部分是Vue应用封装
|
|
var app = new Vue({
|
|
el: '#app',
|
|
data() {
|
|
return {
|
|
|
|
//提示内容显示
|
|
textarea: "",
|
|
//等待提示
|
|
loading: false,
|
|
//btnLoading: [false, false, false, false, false, false, false, false, false, false, false, false],
|
|
//正在进行实时更新替换, 大约需要30秒钟至几分钟不等, 请等待...
|
|
showLoadingTip: '系统正在操作中,请耐心的等待...',
|
|
//分页开始
|
|
loading1: false,
|
|
tablePage1: {
|
|
currentPage: 1,
|
|
pageSize: 10,
|
|
totalResult: 0,
|
|
},
|
|
//分页结束
|
|
tableData: [],
|
|
selectRow: null,
|
|
showEdit: false,
|
|
formData: {
|
|
duanyu: null,
|
|
},
|
|
formRules: {
|
|
duanyu: [
|
|
{required: true, message: '请输入短语内容'}
|
|
],
|
|
}
|
|
}
|
|
},
|
|
mounted() {
|
|
var _this = this; //this指向vue
|
|
Vue.prototype.$loading = this.loading
|
|
this.getTableData();
|
|
//_this.loading = true;
|
|
},
|
|
methods: {
|
|
|
|
//获取表格全部数据
|
|
getTableData() {
|
|
var _this = this;
|
|
this.loading1 = true
|
|
axios.get('./ZhiNengCeLue/getlist').then(res => {
|
|
console.log('duanyutable', this.tableData);
|
|
// this.tableData=res.data;
|
|
if (res.data.msg == "success") {
|
|
//VXETable.modal.message({ content: '新增成功', status: 'success' })
|
|
//$table.insert(this.formData)
|
|
_this.loading1 = false;
|
|
this.tablePage1.totalResult = res.data.total
|
|
this.tableData = res.data.data
|
|
} else {
|
|
VXETable.modal.message({content: '查询没有成功，请检查！', status: 'error'})
|
|
}
|
|
})
|
|
},
|
|
//分页功能
|
|
handlePageChange1({currentPage, pageSize}) {
|
|
this.tablePage1.currentPage = currentPage
|
|
this.tablePage1.pageSize = pageSize
|
|
this.getData()
|
|
},
|
|
//暂时未用
|
|
visibleMethod({data}) {
|
|
return data.flag1 === 'Y'
|
|
},
|
|
//暂时未用
|
|
cellDBLClickEvent({row}) {
|
|
this.editEvent(row)
|
|
},
|
|
//增加方法
|
|
insertEvent() {
|
|
this.formData = {
|
|
duanyu: '',
|
|
}
|
|
this.selectRow = null
|
|
this.showEdit = true
|
|
},
|
|
//修改方法
|
|
editEvent(row) {
|
|
this.formData = {
|
|
id: row.id,
|
|
duanyu: row.duanyu,
|
|
}
|
|
this.selectRow = row
|
|
this.showEdit = true
|
|
},
|
|
//异步删除方法
|
|
async removeEvent(row) {
|
|
const type = await VXETable.modal.confirm('您确定要删除该数据?')
|
|
const $table = this.$refs.xTable
|
|
if (type === 'confirm') {
|
|
|
|
console.log('delete', row);
|
|
axios.get(
|
|
"./ZhiNengCeLue/delete?strJson=" + JSON.stringify(row)
|
|
).then((res) => {
|
|
if (res.data.msg == "success") {
|
|
VXETable.modal.message({content: '删除成功', status: 'success'})
|
|
//Object.assign(this.selectRow, this.formData)
|
|
$table.remove(row)
|
|
} else {
|
|
VXETable.modal.message({content: '删除没有成功', status: 'error'})
|
|
}
|
|
});
|
|
|
|
}
|
|
},
|
|
//提交操作方法
|
|
submitEvent() {
|
|
this.submitLoading = true
|
|
var _this = this; //this指向vue
|
|
setTimeout(() => {
|
|
const $table = this.$refs.xTable
|
|
this.submitLoading = false
|
|
this.showEdit = false
|
|
if (this.selectRow) {
|
|
console.log('数据', this.selectRow, this.formData);
|
|
axios.get(
|
|
"./ZhiNengCeLue/update?strJson=" + JSON.stringify(this.formData)
|
|
).then((res) => {
|
|
if (res.data.msg == "success") {
|
|
VXETable.modal.message({content: '保存成功', status: 'success'})
|
|
Object.assign(this.selectRow, this.formData)
|
|
} else {
|
|
VXETable.modal.message({content: '保存没有成功，请检查！', status: 'error'})
|
|
}
|
|
});
|
|
|
|
} else {
|
|
axios.get(
|
|
"./ZhiNengCeLue/add?strJson=" + JSON.stringify(this.formData)
|
|
).then((res) => {
|
|
console.log('aaaa', res);
|
|
if (res.data.msg == "success") {
|
|
VXETable.modal.message({content: '新增成功', status: 'success'})
|
|
$table.insert(this.formData)
|
|
} else {
|
|
VXETable.modal.message({content: '新增没有成功，请检查！', status: 'error'})
|
|
}
|
|
});
|
|
|
|
}
|
|
}, 500)
|
|
},
|
|
|
|
|
|
}
|
|
})
|
|
///////////////////////////////////////////////////
|
|
|
|
|
|
//加上日志20211109
|
|
function addlog(otype, ocontent, ouser) {
|
|
var curUser = "";
|
|
if (sessionStorage['userName'] != null) {
|
|
curUser = sessionStorage['userName']
|
|
} else {
|
|
curUser = ouser
|
|
}
|
|
|
|
$.get(Gaddress + "/operatelog/addlog?ouser=" + curUser + "&otype=" + otype + "&ocontent=" + ocontent.substring(0, 2500), {})
|
|
.then(function (e) {
|
|
return true
|
|
})
|
|
}
|
|
|
|
|
|
</script>
|
|
|
|
<style>
|
|
.el-header, .el-footer {
|
|
background-color: #B3C0D1;
|
|
color: #333;
|
|
text-align: center;
|
|
line-height: 60px;
|
|
}
|
|
|
|
.el-main {
|
|
background-color: #E9EEF3;
|
|
color: #333;
|
|
text-align: center;
|
|
line-height: 56px;
|
|
}
|
|
|
|
.el-button {
|
|
min-width: 200px;
|
|
}
|
|
|
|
body > .el-container {
|
|
margin-bottom: 40px;
|
|
}
|
|
|
|
|
|
</style>
|