305 lines
14 KiB
HTML
305 lines
14 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<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" />
|
|
<script src="app/app.js"></script>
|
|
|
|
|
|
|
|
<!-- 依 赖 样 式 -->
|
|
<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>-->
|
|
|
|
|
|
</head>
|
|
<body>
|
|
<div id="app" >
|
|
<el-container>
|
|
<!--<el-header>替换操作集合</el-header>-->
|
|
<el-main v-loading="loading" v-loading.fullscreen.lock="false" :element-loading-text="showLoadingTip"
|
|
element-loading-spinner="el-icon-loading" element-loading-background="rgba(0, 0, 0, 0.1)">
|
|
<div class="test">
|
|
|
|
<div id="data" style="text-align: center; margin-right: 5px; margin-bottom: 20px;">
|
|
<h2 id="title1">智能分类校正分析</h2>
|
|
<br />
|
|
|
|
<div class="layui-form">
|
|
<div class="layui-form-item">
|
|
<div class="layui-inline">
|
|
<label class="layui-form-label" style="width:60px">任务年份</label>
|
|
<div class="layui-input-inline">
|
|
<select name="RWNF" lay-filter="RWNF" id="RWNF" v-model="searchJson.RWNF" onclick="getCurDate()" lay-search>
|
|
<option></option>
|
|
<option v-for="item in [2005,2006,2007,2008,2009,2010,2011,2012,2013,2014,2015,2016,2017,2018,2019,2020,2021,2022]">{{item}}</option>
|
|
</select>
|
|
</div>
|
|
|
|
<label class="layui-form-label" style="width:60px">样品名称</label>
|
|
<div class="layui-input-inline">
|
|
<input type="text" id="YPMC" placeholder="请输入样品名称" class="layui-input" style="width:200px" v-model="searchJson.YPMC">
|
|
<!--<select name="ypmc" lay-filter="ypmc" id="ypmc" v-model="searchJson.ypmc" lay-search>
|
|
<option></option>
|
|
<option v-for="item in QueryYPMC">{{item}}</option>
|
|
</select>-->
|
|
<!--<input type="text" id="ypmc" placeholder="请输入样品名称" class="layui-input" style="width:200px" v-model="searchJson.ypmc">-->
|
|
</div>
|
|
<label class="layui-form-label" style="width:60px">食品大类</label>
|
|
<div class="layui-input-inline">
|
|
<input type="text" id="SP_DL" placeholder="请输入食品大类" class="layui-input" style="width:200px" v-model="searchJson.SP_DL">
|
|
</div>
|
|
|
|
<label class="layui-form-label" style="width:60px">模糊查找</label>
|
|
<div class="layui-input-inline" style="width:60px">
|
|
<!--<input type="checkbox" name="isLike" id="isLike" lay-skin="switch" lay-filter="isLike" v-model="searchJson.isLike" unchecked value="true"/>-->
|
|
<el-switch v-model="searchJson.isLike"></el-switch>
|
|
</div>
|
|
<div class="layui-form-item">
|
|
<label class="layui-form-label" style="width:680px">查询总条数:{{showtip}}</label>
|
|
<div class="layui-input-inline">
|
|
<button class="layui-btn" @click="SearchFenLeiJiaoZheng()">数据查询</button>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
<hr class="layui-border-green">
|
|
|
|
<div class="layui-form-item">
|
|
<div class="layui-inline">
|
|
|
|
<label class="layui-form-label" style="width:80px">新食品大类</label>
|
|
<div class="layui-input-inline">
|
|
<input type="text" id="new_SP_DL" placeholder="请输入新食品大类" class="layui-input" style="width:200px" v-model="updateJson.SP_DL">
|
|
</div>
|
|
<label class="layui-form-label" style="width:80px">新食品亚类</label>
|
|
<div class="layui-input-inline">
|
|
<input type="text" id="new_SP_DL" placeholder="请输入新食品亚类" class="layui-input" style="width:200px" v-model="updateJson.SP_YL">
|
|
</div>
|
|
<label class="layui-form-label" style="width:80px">新食品品种</label>
|
|
<div class="layui-input-inline">
|
|
<input type="text" id="new_SP_DL" placeholder="请输入新食品品种" class="layui-input" style="width:200px" v-model="updateJson.SP_PZ">
|
|
</div>
|
|
<label class="layui-form-label" style="width:80px">新食品细类</label>
|
|
<div class="layui-input-inline">
|
|
<input type="text" id="new_SP_DL" placeholder="请输入新食品细类" class="layui-input" style="width:200px" v-model="updateJson.SP_XL">
|
|
</div>
|
|
</div>
|
|
|
|
<div class="layui-form-item">
|
|
<label class="layui-form-label" style="width:680px">新样品分类字段:{{updateJson.SP_DL}}/{{updateJson.SP_YL}}/{{updateJson.SP_PZ}}/{{updateJson.SP_XL}}</label>
|
|
<div class="layui-input-inline">
|
|
<button class="layui-btn" @click="UpdateFenLeiJiaoZheng()">全部替换</button>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
</div>
|
|
<!--<br />-->
|
|
<div style="padding:10px" class="layui-card">
|
|
<table class="layui-hide" id="FenLeiJiaoZhengTable" lay-filter="FenLeiJiaoZhengTable"></table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</el-main>
|
|
<!--<el-footer>
|
|
|
|
</el-footer>-->
|
|
</el-container>
|
|
</div>
|
|
|
|
</body>
|
|
</html>
|
|
|
|
|
|
<script>
|
|
|
|
|
|
///////////////////////////////////////////////////
|
|
//该部分是Vue应用封装
|
|
var app = new Vue({
|
|
el: '#app',
|
|
data() {
|
|
return {
|
|
//提示内容显示
|
|
textarea: "",
|
|
//等待提示
|
|
loading: false,
|
|
showtip: '',
|
|
btnLoading: [false, false, false, false, false, false, false, false, false, false, false, false],
|
|
//正在进行实时更新替换, 大约需要30秒钟至几分钟不等, 请等待...
|
|
showLoadingTip: '系统正在操作中,请耐心的等待...',
|
|
searchJson: { 'RWNF':'', 'curYear': '', 'ypmc': '', 'sp_dl': '', 'isLike': false },
|
|
updateJson: { 'SP_DL':'', 'SP_YL': '', 'SP_PZ': '', 'SP_XL': ''},
|
|
QueryCondition: { QueryYPMC: [] },
|
|
QueryYPMC: [],
|
|
|
|
|
|
}
|
|
},
|
|
mounted() {
|
|
var _this = this; //this指向vue
|
|
Vue.prototype.$loading = this.loading
|
|
|
|
_this.loading = false;
|
|
|
|
//let sendArr = [
|
|
// axios.get('./strReplace/GetYCDArray'), //获取样品名称的下拉菜单
|
|
// //axios.get('/home/GetAllJXCM') //从MongoDB里面获取需要进行检测大类亚类小类数据替换,项目分类替换按钮
|
|
//]
|
|
//axios.get('./Classify/GetFenLeiJiaoZheng_QueryConditions').then((data) => {
|
|
// //console.log(data)
|
|
// this.QueryYPMC = data.data.QueryYPMC
|
|
// console.log(this.QueryYPMC)
|
|
//}) //获取样品名称的下拉菜单
|
|
|
|
|
|
},
|
|
methods: {
|
|
|
|
//显示进度内容
|
|
addNote(str) {
|
|
var aData = new Date().toLocaleString();;
|
|
this.textarea = aData + " " + str + '\r\n' + this.textarea;
|
|
},
|
|
//显示提示信息
|
|
showTip(strmessage) {
|
|
this.$message({
|
|
message: strmessage,
|
|
type: 'warning'
|
|
});
|
|
},
|
|
getCurDate(){
|
|
this.searchJson.RWNF=$("#RWNF").val()
|
|
console.log('this.searchJson.RWNF',this.searchJson.RWNF)
|
|
},
|
|
SearchFenLeiJiaoZheng() {
|
|
// debugger;
|
|
_this = this;
|
|
console.log('islike', this.searchJson.isLike)
|
|
layui.use('table', function () {
|
|
var table = layui.table;
|
|
// debugger;
|
|
table.render({
|
|
elem: '#FenLeiJiaoZhengTable'
|
|
, url: '/Classify/GetFenLeiJiaoZheng'
|
|
, where: {
|
|
'RWNF': $("#RWNF").val(),
|
|
'YPMC': $("#YPMC").val(),
|
|
'SP_DL': $("#SP_DL").val(),
|
|
'isLike': _this.searchJson.isLike
|
|
}
|
|
, parseData: function (res) { //res 即为原始返回的数据
|
|
return {
|
|
"code": res.code,
|
|
"data": res.data, //解析数据列表
|
|
"count": res.count,
|
|
"totalsumcount": res.totalsumcount //把相似的都进行加权的总数
|
|
};
|
|
}
|
|
//, width: 800
|
|
, height: 600
|
|
, cols: [[
|
|
//{ field: 'ID', width: 100, align: 'center', title: '编号', sort: true }
|
|
{ field: 'YPMC', width: 200, align: 'center', title: '样品名称', sort: true }
|
|
, { field: 'SP_DL', width: 150, align: 'center', title: '原食品大类', sort: true }
|
|
, { field: 'SP_YL', width: 150, align: 'center', title: '原食品亚类', sort: true }
|
|
, { field: 'SP_PZ', width: 150, align: 'center', title: '原食品品种', sort: true }
|
|
, { field: 'SP_XL', width: 150, align: 'center', title: '原食品细类', sort: true }
|
|
, { field: 'NEWYPFL', width: 150, align: 'center', title: '原newYPFL', sort: true }
|
|
, { field: 'count', width: 150, align: 'center', title: '词条数量', sort: true }
|
|
]]
|
|
, page: true
|
|
, done: function (res, curr, count) {
|
|
//$("table").width("100 %")
|
|
console.log('res',res)
|
|
|
|
_this.showtip = "关联词条总数量:" + res.totalsumcount + "条"
|
|
|
|
}
|
|
});
|
|
})
|
|
|
|
|
|
},
|
|
|
|
|
|
UpdateFenLeiJiaoZheng() {
|
|
|
|
if (this.updateJson.sp_dl == '' ||
|
|
this.updateJson.sp_yl == '' ||
|
|
this.updateJson.sp_pz == '' ||
|
|
this.updateJson.sp_xl == ''
|
|
) {
|
|
layer.msg('请把填写的内容完善', { icon: 1 });
|
|
|
|
return
|
|
|
|
}
|
|
|
|
axios.get('/Classify/UpdateFenLeiJiaoZheng?' +
|
|
'RWNF=' + $("#RWNF").val() + '&' +
|
|
'YPMC=' + $("#YPMC").val() + '&' +
|
|
'SP_DL=' + $("#SP_DL").val() + '&' +
|
|
'newSP_DL=' + this.updateJson.SP_DL + '&' +
|
|
'newSP_YL=' + this.updateJson.SP_YL + '&' +
|
|
'newSP_PZ=' + this.updateJson.SP_PZ + '&' +
|
|
'newSP_XL=' + this.updateJson.SP_XL + '&' +
|
|
'isLike=' + this.searchJson.isLike).then((res) => {
|
|
if (res.data.count > 0) {
|
|
layer.msg('成功!更新' + res.data.count + '条数据!')
|
|
} else {
|
|
layer.msg('没有更新数据条目,是否查询条件没有正确!')
|
|
}
|
|
})
|
|
|
|
}
|
|
|
|
}
|
|
})
|
|
///////////////////////////////////////////////////
|
|
|
|
|
|
//加上日志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>
|
|
|