Skip to content

F
founder_vue
Commit aa75349a by 刘玉帅
Options

xq

parent 096601b8
Showing with 793 additions and 530 deletions
src/views/rwgl/mptj.vue
<!--
* @Author: your name
* @Date: 2021-08-28 19:36:38
* @LastEditTime: 2021-09-02 15:02:53
* @LastEditTime: 2021-09-03 11:12:05
* @LastEditors: Please set LastEditors
* @Description: In User Settings Edit
* @FilePath: \founder_vue\src\views\rwgl\rwthcl.vue
......@@ -9,7 +9,11 @@
<template>
<div class="rwthcl">
<div class="batch">
<el-input placeholder="请输入内容" v-model="searchVal" class="input-with-select">
<el-input
placeholder="请输入内容"
v-model="searchVal"
class="input-with-select"
>
<el-button slot="append" icon="el-icon-search"></el-button>
</el-input>
</div>
......@@ -20,8 +24,26 @@
<el-button type="primary" size="mini">未知操作3</el-button>
</div>
</transition>
<Table :cxDefaultFormThead="cxDefaultFormThead" :tableData="tableData" :btnShow="btnShow" @init="handInit(arguments)">
<Table
:cxDefaultFormThead="cxDefaultFormThead"
:tableData="tableData"
:btnShow="btnShow"
@init="handInit(arguments)"
>
</Table>
<el-dialog title="退回地址" :visible.sync="mptjdialogFormVisible">
<el-form :model="mptjform" label-position="top" :inline="true">
<el-form-item label="退回地址:" :label-width="formLabelWidth">
<el-input v-model="mptjform.name" autocomplete="off"></el-input>
</el-form-item>
</el-form>
<div slot="footer" class="dialog-footer">
<el-button @click="mptjdialogFormVisible = false">取 消</el-button>
<el-button type="primary" @click="mptjdialogFormVisible = false"
>确 定</el-button
>
</div>
</el-dialog>
</div>
</template>
......@@ -31,9 +53,14 @@ export default {
components: {
Table,
},
data () {
data() {
return {
searchVal: '',
formLabelWidth: "120px",
mptjform: {
name: "",
},
mptjdialogFormVisible: false,
searchVal: "",
MoreisSearch: false,
form: {
name: "",
......@@ -152,41 +179,41 @@ export default {
};
},
methods: {
handSerchShow (type) {
handSerchShow(type) {
this.MoreisSearch = !this.MoreisSearch;
},
resetForm (formName) {
resetForm(formName) {
this.$refs[formName].resetFields();
console.log("重置按钮");
},
batchSubmit () { },
batchSubmit() {},
/**
* @description: 父组件传值
* @param {*} msg
* @return {*}
*/
handInit (msg) {
handInit(msg) {
console.log("父组件", msg[0], msg[1]);
if (msg[1] == "xq") {
//临时跳转的页面
this.$router.push({ path: "rymplb", query: { plan: "123" } });
} else if (msg[1] == 'fk') {
} else if (msg[1] == "fk") {
this.$router.push({ path: "rympfk", query: { plan: "123" } });
} else if (msg[1] == "th") {
this.mptjdialogFormVisible = true;
}
},
},
}
};
</script>
<style lang="scss" scoped>
.rwthcl /deep/ {
.More {
padding-left: 24px;
margin-bottom: 10px;
}
.More {
padding-left: 24px;
margin-bottom: 10px;
}
.el-form--inline .el-form-item {
// margin-left:-10px ;
transform: translateX(-10px);
......@@ -206,7 +233,7 @@ export default {
// background-color: #ecf5ff;
// }
.el-input--mini .el-input__inner {
height: 32px;
// height: 32px;
line-height: 32px;
}
.search {
......@@ -237,8 +264,8 @@ export default {
}
.batch {
margin-top: 20px;
margin-left: 24px;
margin-bottom: 20px;
margin-left: 24px;
margin-bottom: 20px;
width: 400px;
}
}
......
src/views/rwgl/rwbd.vue
<!--
* @Author: your name
* @Date: 2021-08-28 21:28:08
* @LastEditTime: 2021-09-02 17:42:48
* @LastEditTime: 2021-09-06 10:58:49
* @LastEditors: Please set LastEditors
* @Description: In User Settings Edit
* @FilePath: \founder_vue\src\views\rwgl\rwglindex.vue
-->
<template>
<div>
<div class="rwbd">
<el-form ref="form" :model="form" label-width="80px" :inline="true">
<div class="rybdsearch">
<el-form-item label="">
......@@ -52,6 +52,7 @@
@init="handInit(arguments)"
>
</Table> -->
<div class="colortable">
<div class="clear" v-if="selectRow.length > 0">
<span class="icon">i</span>
<span class="sele"
......@@ -67,7 +68,6 @@
>清空</el-button
>
</div>
<div class="colortable">
<el-table
id="ajzbQuery"
v-loading="tableLoading"
......@@ -93,9 +93,11 @@
>
</el-table-column>
<el-table-column label="操作" width="auto">
<div class="clearimg" v-if="btnShow == 'rwbd'" @click="handleImg()">
<img :src="clraeImg" alt="" />
</div>
<template slot-scope="scope">
<div class="clearimg" v-if="btnShow == 'rwbd'" @click="handleImg(scope.row)">
<img :src="clraeImg" alt="" />
</div>
</template>
</el-table-column>
</el-table>
</div>
......@@ -149,31 +151,24 @@ export default {
},
data() {
return {
clraeImg: require("../../assets/img/clear.png"),
input3: "",
key:'1',
clraeImg: require("../../assets/img/clear.png"), //删除的图标
input3: "", //输入框的值
formDiolog: {
ryxm: "任务一",
jkdmc: "2000",
ryzjhm: "236",
time: "262",
},
}, //编辑回显的数据
formLabelWidth: "120px",
dialogFormVisible: false,
dialogFormVisible: false, //弹框的开关
tableDataLength: 100, //表格条数
atPage: 1, //当前页数
curpage: 10, //当前选择要显示的条数
currentPage1: 1, //表格页码
page_size: 10, //每页显示多少条
selectRow: [], //当前选中的行,
selectRow: [], //当前选中的行的数据,
tableLoading: false, //loading
key: "1",
RWMC: "",
RYMPZS: "",
YPP: "",
WPP: "",
YFK: "",
WFK: "",
TH: "",
bjdialogVisible: false,
cxDefaultFormThead: [
{
......@@ -332,13 +327,18 @@ export default {
form: {
name: "",
userId: "",
},
}, //待定
btnShow: "rwbd",
searchImg: require("../../assets/img/sea.png"),
};
},
methods: {
handleImg() {
/**
* @description: 删除的按钮
* @param {*} row 一行的信息
* @return {*}
*/
handleImg(row) {
console.log(row);
this.$confirm("此操作将永久删除该文件, 是否继续?", "提示", {
confirmButtonText: "确定",
cancelButtonText: "取消",
......@@ -411,8 +411,13 @@ export default {
handInit(msg) {
console.log("删除某一行的信息", msg[0]);
},
/**
* @description: 搜索按钮 数据input3
* @param {*}
* @return {*}
*/
handdleSearch() {
console.log(this.form);
console.log(this.input3);
},
/**
* @description: 模板下载/导入
......@@ -420,7 +425,11 @@ export default {
* @return {*}
*/
onSubmit(type) {
console.log(type);
if(type=='mbxz'){
alert('任务比对模板下载')
}else if (type =='dr'){
alert('任务比对导入')
}
},
/**
* @description:编辑/发布
......@@ -440,6 +449,8 @@ export default {
type: "warning",
});
}
}else if(type=='fb'){
alert('任务比对发布')
}
},
},
......@@ -452,170 +463,173 @@ export default {
</script>
<style lang="scss" >
.colortable {
position: absolute;
width: 98%;
padding: 0 24px 0 24px;
.redBg {
color: #e02020;
}
.blueBg {
color: blue;
.rwbd {
.colortable {
position: absolute;
width: 98%;
padding: 0 24px 0 24px;
.redBg {
color: #e02020;
}
.blueBg {
color: blue;
}
}
}
.clearimg {
width: 12px;
img {
.clearimg {
width: 12px;
height: 14px;
object-fit: cover;
cursor: pointer;
}
}
.rybdsearch {
padding: 23px 0 15px 24px;
border-bottom: 1px solid #eeeeee;
.search-icon {
display: inline-block;
height: 40px;
width: 40px;
background: turquoise;
vertical-align: middle;
background: #006aff;
border-radius: 0px 4px 4px 0px;
text-align: center;
cursor: pointer;
// border: 1px solid #006aff;
// border-bottom:0 ;
img {
width: 12px;
height: 14px;
object-fit: cover;
cursor: pointer;
}
}
.el-input {
width: 44.8%;
.el-input__inner {
.rybdsearch {
padding: 23px 0 15px 24px;
border-bottom: 1px solid #eeeeee;
.search-icon {
display: inline-block;
// padding: 0 45px;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
height: 40px;
width: 40px;
background: turquoise;
vertical-align: middle;
background: #006aff;
border-radius: 0px 4px 4px 0px;
text-align: center;
cursor: pointer;
// border: 1px solid #006aff;
// border-bottom:0 ;
}
.el-input {
width: 44.8%;
.el-input__inner {
display: inline-block;
// padding: 0 45px;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
}
.el-input-group__append button.el-button,
.el-input-group__append div.el-select .el-input__inner,
.el-input-group__append div.el-select:hover .el-input__inner,
.el-input-group__prepend button.el-button,
.el-input-group__prepend div.el-select .el-input__inner,
.el-input-group__prepend div.el-select:hover .el-input__inner {
background: #006aff;
border-color: #006aff;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
// .el-input-group--append .el-input__inner, .el-input-group__prepend {
// border-top-right-radius: 0;
// border-bottom-right-radius: 0;
.el-input-group__append,
.el-input-group__prepend {
color: #fff;
}
.el-form-item__content {
width: 660px;
}
.seaImg {
// line-height: 40px;
width: 14px;
height: 14px;
}
}
.el-input-group__append button.el-button,
.el-input-group__append div.el-select .el-input__inner,
.el-input-group__append div.el-select:hover .el-input__inner,
.el-input-group__prepend button.el-button,
.el-input-group__prepend div.el-select .el-input__inner,
.el-input-group__prepend div.el-select:hover .el-input__inner {
background: #006aff;
border-color: #006aff;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
// .el-input-group--append .el-input__inner, .el-input-group__prepend {
// border-top-right-radius: 0;
// border-bottom-right-radius: 0;
.el-input-group__append,
.el-input-group__prepend {
color: #fff;
}
.el-form-item__content {
width: 660px;
}
.seaImg {
// line-height: 40px;
width: 14px;
height: 14px;
}
.el-button--mini,
.el-button--mini.is-round {
padding: 9px 23px;
margin-left: 48px;
}
.dr {
display: inline-block;
.el-button--mini,
.el-button--mini.is-round {
padding: 9px 23px;
margin-left: 24px;
margin-left: 48px;
}
.dr {
display: inline-block;
.el-button--mini,
.el-button--mini.is-round {
padding: 9px 23px;
margin-left: 24px;
}
}
.el-form-item {
margin: 0;
}
}
.el-form-item {
margin: 0;
.edit {
height: 72px;
display: flex;
align-items: center;
justify-content: flex-end;
padding-right: 24px;
}
}
.edit {
height: 72px;
display: flex;
align-items: center;
justify-content: flex-end;
padding-right: 24px;
}
.clear {
height: 40px;
width: 100%;
background: #ddebff;
display: flex;
align-items: center;
// width: 99%;
.clear {
height: 40px;
width: 100%;
background: #ddebff;
display: flex;
align-items: center;
// width: 99%;
.icon {
display: inline-block;
width: 15.75px;
height: 15.75px;
border-radius: 50%;
line-height: 15.75px;
text-align: center;
border: 1px solid #006aff;
color: #006aff;
margin-left: 16px;
}
.sele {
margin-left: 10px;
font-size: 14px;
font-family: MicrosoftYaHei;
color: #666666;
}
.serve {
font-size: 14px;
font-family: MicrosoftYaHei;
color: #666666;
margin-left: 10px;
}
.btnclear {
margin-left: 32px;
font-size: 14px;
font-family: MicrosoftYaHei;
color: #006aff;
}
.fade-enter-active,
.fade-leave-active {
transition: opacity 0.8s;
.icon {
display: inline-block;
width: 15.75px;
height: 15.75px;
border-radius: 50%;
line-height: 15.75px;
text-align: center;
border: 1px solid #006aff;
color: #006aff;
margin-left: 16px;
}
.sele {
margin-left: 10px;
font-size: 14px;
font-family: MicrosoftYaHei;
color: #666666;
}
.serve {
font-size: 14px;
font-family: MicrosoftYaHei;
color: #666666;
margin-left: 10px;
}
.btnclear {
margin-left: 32px;
font-size: 14px;
font-family: MicrosoftYaHei;
color: #006aff;
}
.fade-enter-active,
.fade-leave-active {
transition: opacity 0.8s;
}
.fade-enter, .fade-leave-to /* .fade-leave-active below version 2.1.8 */ {
opacity: 0;
}
.el-table td.is-center,
.el-table th.is-center {
text-align: left;
}
}
.fade-enter, .fade-leave-to /* .fade-leave-active below version 2.1.8 */ {
opacity: 0;
.pagin {
position: fixed;
bottom: 40px;
background: #fff;
display: flex;
justify-content: space-between;
align-items: center;
width: calc(100vw - 367px);
padding-left: 24px;
padding-right: 15px;
.record {
margin-left: 24px;
}
}
.el-table td.is-center,
.el-table th.is-center {
text-align: left;
.el-pagination {
text-align: right;
display: flex;
justify-content: flex-end;
}
}
.pagin {
position: fixed;
bottom: 40px;
background: #fff;
display: flex;
justify-content: space-between;
align-items: center;
width: 80%;
// margin: 0px auto;
.record {
margin-left: 24px;
.el-pagination__sizes {
order: 1;
}
}
.el-pagination {
text-align: right;
display: flex;
justify-content: flex-end;
}
.el-pagination__sizes {
order: 1;
}
</style>
\ No newline at end of file
src/views/rwgl/rwglindex.vue
<!--
* @Author: your name
* @Date: 2021-08-28 21:28:08
* @LastEditTime: 2021-09-02 17:41:33
* @LastEditTime: 2021-09-06 17:51:47
* @LastEditors: Please set LastEditors
* @Description: In User Settings Edit
* @FilePath: \founder_vue\src\views\rwgl\rwglindex.vue
-->
<template>
<div>
<div class="rwgl">
<el-form ref="form" :model="form" label-width="80px" :inline="true">
<div class="rybdsearch">
<el-form-item label="">
......@@ -34,15 +34,36 @@
>模板下载</el-button
>
<div class="dr">
<el-button @click="onSubmit('dr')" size="mini">导入</el-button>
<!-- <el-button @click="onSubmit('dr')" size="mini">导入</el-button> -->
<el-upload
class="upload-demo"
action="https://jsonplaceholder.typicode.com/posts/"
:on-preview="handlePreview"
:on-remove="handleRemove"
:before-remove="beforeRemove"
multiple
:limit="3"
:on-exceed="handleExceed"
:file-list="fileList"
:show-file-list = 'true'
:on-success ="handSuccess"
>
<el-button size="mini" plain>点击上传</el-button>
<!-- <div slot="tip" class="el-upload__tip">
只能上传jpg/png文件，且不超过500kb
</div> -->
</el-upload>
</div>
</el-form-item>
</div>
</el-form>
<div class="edit">
<el-button size="mini" @click="handClick('bj')">编辑 </el-button>
<!-- <el-button size="mini" @click="handClick('bj')">编辑 </el-button>
<el-button size="mini" type="primary" @click="handClick('fb')"
>发布
</el-button> -->
<el-button size="mini" type="primary" @click="handClick('xz')"
>新建
</el-button>
</div>
<!-- <Table
......@@ -52,23 +73,25 @@
@init="handInit(arguments)"
>
</Table> -->
<div class="clear" v-if="selectRow.length > 0">
<span class="icon">i</span>
<span class="sele"
>已选择
<span style="color: #006aff">{{ selectRow.length }}</span> 项</span
>
<span class="serve">服务调用总计：36.4万</span>
<el-button
@click="toggleSelection()"
type="text"
size="small"
class="btnclear"
>清空</el-button
>
</div>
<div class="colortable">
<div class="clear" v-if="selectRow.length > 0">
<span class="icon">i</span>
<span class="sele"
>已选择
<span style="color: #006aff">{{ selectRow.length }}</span> 项</span
>
<span class="serve">服务调用总计：36.4万</span>
<el-button
@click="toggleSelection()"
type="text"
size="small"
class="btnclear"
>清空</el-button
>
</div>
<el-table
@cell-click="clickrow"
@cell-mouse-enter="clickHover"
id="ajzbQuery"
v-loading="tableLoading"
element-loading-text="拼命加载中"
......@@ -94,11 +117,23 @@
</el-table-column>
<el-table-column label="操作" width="auto">
<template slot-scope="scope">
<el-button
<!-- <el-button
type="text"
size="small"
@click="handleClick(scope.row, 'xq')"
>详情</el-button
> -->
<el-button
type="text"
size="small"
@click="handleClick(scope.row, 'xg')"
>修改</el-button
>
<el-button
type="text"
size="small"
@click="handleClick(scope.row, 'sc')"
>删除</el-button
>
</template>
</el-table-column>
......@@ -121,24 +156,83 @@
>
</el-pagination>
</div>
<el-dialog title="编辑" :visible.sync="dialogFormVisible">
<el-form :model="formDiolog" :inline="true">
<!-- 编辑的diolog -->
<el-dialog title="编辑" :visible.sync="BJdialogFormVisible">
<el-form :model="BJformDiolog" :inline="true">
<el-form-item label="任务名称" :label-width="formLabelWidth">
<el-input v-model="formDiolog.ryxm" autocomplete="off"></el-input>
<el-input v-model="BJformDiolog.ryxm" autocomplete="off"></el-input>
</el-form-item>
<el-form-item label="人员摸排总数" :label-width="formLabelWidth">
<el-input v-model="formDiolog.jkdmc" autocomplete="off"></el-input>
<el-input v-model="BJformDiolog.jkdmc" autocomplete="off"></el-input>
</el-form-item>
<el-form-item label="已匹配" :label-width="formLabelWidth">
<el-input v-model="formDiolog.ryzjhm" autocomplete="off"></el-input>
<el-input v-model="BJformDiolog.ryzjhm" autocomplete="off"></el-input>
</el-form-item>
<el-form-item label="未匹配" :label-width="formLabelWidth">
<el-input v-model="formDiolog.time" autocomplete="off"></el-input>
<el-input v-model="BJformDiolog.time" autocomplete="off"></el-input>
</el-form-item>
</el-form>
<div slot="footer" class="dialog-footer">
<el-button @click="BJdialogFormVisible = false">取 消</el-button>
<el-button type="primary" @click="BJdialogFormVisible = false"
>确 定</el-button
>
</div>
</el-dialog>
<!-- 新增的diolog -->
<el-dialog title="新增" :visible.sync="XZdialogFormVisible">
<el-form :model="XZformDiolog">
<el-form-item label="任务名称" :label-width="formLabelWidth">
<el-input
style="width: 37%"
v-model="XZformDiolog.rwmc"
autocomplete="off"
></el-input>
</el-form-item>
<el-form-item label="创建人" :label-width="formLabelWidth">
<el-input
style="width: 37%"
v-model="XZformDiolog.cjr"
autocomplete="off"
></el-input>
</el-form-item>
<el-form-item label="创建时间" :label-width="formLabelWidth">
<el-date-picker
style="width: 37%"
v-model="XZformDiolog.data1"
type="datetime"
placeholder="选择日期时间"
value-format="yyyy-MM-dd HH:mm:ss"
>
</el-date-picker>
</el-form-item>
</el-form>
<div slot="footer" class="dialog-footer">
<el-button @click="XZdialogFormVisible = false">取 消</el-button>
<el-button type="primary" @click="handClickXZ">确 定</el-button>
</div>
</el-dialog>
<!-- 修改的diolog -->
<el-dialog title="修改" :visible.sync="XGdialogFormVisible">
<el-form :model="XGformDiolog">
<el-form-item label="任务名称" :label-width="formLabelWidth">
<el-input
style="width: 27%"
v-model="XGformDiolog.ryxm"
autocomplete="off"
></el-input>
</el-form-item>
<el-form-item label="人员摸排总数" :label-width="formLabelWidth">
<el-input
style="width: 27%"
v-model="XGformDiolog.jkdmc"
autocomplete="off"
></el-input>
</el-form-item>
</el-form>
<div slot="footer" class="dialog-footer">
<el-button @click="dialogFormVisible = false">取 消</el-button>
<el-button type="primary" @click="dialogFormVisible = false"
<el-button @click="XGdialogFormVisible = false">取 消</el-button>
<el-button type="primary" @click="XGdialogFormVisible = false"
>确 定</el-button
>
</div>
......@@ -154,45 +248,47 @@ export default {
},
data() {
return {
input3: "",
formDiolog: {
fileList: [],
input3: "", //输入框输入的值
BJformDiolog: {
ryxm: "任务一",
jkdmc: "2000",
ryzjhm: "236",
time: "262",
}, //点击编辑回显的数据
XZformDiolog: {
rwmc: "",
cjr: "",
date1: "",
date2: "",
},
XGformDiolog: {},
formLabelWidth: "120px",
dialogFormVisible: false,
BJdialogFormVisible: false, //点击编辑的diolog
XZdialogFormVisible: false, //点击新增的diolog
XGdialogFormVisible: false, //点击修改 的diolog
tableDataLength: 100, //表格条数
atPage: 1, //当前页数
curpage: 10, //当前选择要显示的条数
currentPage1: 1, //表格页码
page_size: 10, //每页显示多少条
selectRow: [], //当前选中的行,
tableLoading: false, //loading
tableLoading: false, //表格加载的loading
key: "1",
RWMC: "",
RYMPZS: "",
YPP: "",
WPP: "",
YFK: "",
WFK: "",
TH: "",
bjdialogVisible: false,
cxDefaultFormThead: [
{
label: "任务名称",
prop: "ryxm",
prop: "RWMC",
width: "auto",
},
{
label: "人员摸排总数",
prop: "jkdmc",
prop: "RYMPZS",
width: "auto",
},
{
label: "已匹配",
prop: "ryzjhm",
prop: "YPP",
width: "auto",
},
{
......@@ -202,17 +298,17 @@ export default {
},
{
label: "已反馈",
prop: "yfk",
prop: "FKZT",
width: "auto",
},
{
label: "未反馈",
prop: "wfk",
prop: "FKZT",
width: "auto",
},
{
label: "退回",
prop: "th",
prop: "XT_ZXBZ",
width: "auto",
},
{
......@@ -220,135 +316,176 @@ export default {
prop: "wcjd",
width: "auto",
},
],
], //表头的数据
tableData: [
{
ryxm: "任务一",
jkdmc: "2000",
ryzjhm: "236",
time: "262",
yfk: "222",
wfk: "333",
th: "32",
wcjd: "50%",
},
{
ryxm: "任务一",
jkdmc: "2000",
ryzjhm: "236",
RWMC: "任务一",
RYMPZS: "2000",
YPP: "236",
time: "262",
yfk: "222",
wfk: "333",
th: "32",
FKZT: "222",
FKZT: "333",
XT_ZXBZ: "32",
wcjd: "50%",
},
{
ryxm: "任务一",
jkdmc: "2000",
ryzjhm: "236",
RWMC: "任务二",
RYMPZS: "2000",
YPP: "236",
time: "262",
yfk: "222",
wfk: "333",
th: "32",
FKZT: "222",
FKZT: "333",
XT_ZXBZ: "32",
wcjd: "50%",
},
{
ryxm: "任务一",
jkdmc: "2000",
ryzjhm: "236",
RWMC: "任务三",
RYMPZS: "2000",
YPP: "236",
time: "262",
yfk: "222",
wfk: "333",
th: "32",
FKZT: "222",
FKZT: "333",
XT_ZXBZ: "32",
wcjd: "50%",
},
{
ryxm: "任务一",
jkdmc: "2000",
ryzjhm: "236",
RWMC: "任务一",
RYMPZS: "2000",
YPP: "236",
time: "262",
yfk: "222",
wfk: "333",
th: "32",
FKZT: "222",
FKZT: "333",
XT_ZXBZ: "32",
wcjd: "50%",
},
{
ryxm: "任务一",
jkdmc: "2000",
ryzjhm: "236",
RWMC: "任务一",
RYMPZS: "2000",
YPP: "236",
time: "262",
yfk: "222",
wfk: "333",
th: "32",
FKZT: "222",
FKZT: "333",
XT_ZXBZ: "32",
wcjd: "50%",
},
{
ryxm: "任务一",
jkdmc: "2000",
ryzjhm: "236",
RWMC: "任务一",
RYMPZS: "2000",
YPP: "236",
time: "262",
yfk: "222",
wfk: "333",
th: "32",
FKZT: "222",
FKZT: "333",
XT_ZXBZ: "32",
wcjd: "50%",
},
{
ryxm: "任务一",
jkdmc: "2000",
ryzjhm: "236",
RWMC: "任务一",
RYMPZS: "2000",
YPP: "236",
time: "262",
yfk: "222",
wfk: "333",
th: "32",
FKZT: "222",
FKZT: "333",
XT_ZXBZ: "32",
wcjd: "50%",
},
{
ryxm: "任务一",
jkdmc: "2000",
ryzjhm: "236",
time: "262",
yfk: "222",
wfk: "333",
th: "32",
wcjd: "50%",
},
{
ryxm: "任务一",
jkdmc: "2000",
ryzjhm: "236",
time: "262",
yfk: "222",
wfk: "333",
th: "32",
wcjd: "50%",
},
{
ryxm: "任务一",
jkdmc: "2000",
ryzjhm: "236",
time: "262",
yfk: "222",
wfk: "333",
th: "32",
wcjd: "50%",
},
],
], //表格的内容
form: {
name: "",
userId: "",
},
btnShow: "rwgl",
searchImg: require("../../assets/img/sea.png"),
searchImg: require("../../assets/img/sea.png"), //垃圾桶图标
};
},
methods: {
/**
* @description: 上传成功的回调
* @param {*} response
* @param {*} file
* @param {*} fileList
* @return {*}
*/
handSuccess(response, file, fileList){
console.log(response, file, fileList);
},
/**
* @description: 文件列表移除文件时的钩子
* @param {*} file
* @param {*} fileList
* @return {*}
*/
handleRemove(file, fileList) {
console.log(file, fileList);
},
/**
* @description: 点击文件列表中已上传的文件时的钩子
* @param {*} file
* @return {*}
*/
handlePreview(file) {
console.log(file);
},
handleExceed(files, fileList) {
this.$message.warning(`当前限制选择 3 个文件，本次选择了 ${files.length} 个文件，共选择了 ${files.length + fileList.length} 个文件`);
},
/**
* @description: 删除文件之前的钩子，参数为上传的文件和文件列表，若返回 false 或者返回 Promise 且被 reject，则停止删除。
* @param {*} file
* @param {*} fileList
* @return {*}
*/
beforeRemove(file, fileList) {
return this.$confirm(`确定移除 ${ file.name }？`);
},
/**
* @description: 某一列鼠标移入的事件
* @param {*} row 一行的信息
* @param {*} column
* @param {*} cell Dom元素
* @param {*} event
* @return {*}
*/
clickHover(row, column, cell, event) {
// console.log(column);
if (column.label == "未匹配"||column.label == "退回") {
// cell.className = 'tdHover'
cell.classList.add("tdHover");
console.log(cell);
}
},
/**
* @description: 点击某一行
* @param {*} row
* @param {*} column
* @param {*} cell
* @param {*} event
* @return {*}
*/
clickrow(row, column, cell, event) {
if (column.label == "未匹配") {
console.log(row);
this.$router.push({ name: "rymplb", params:{wppList:row} });
} else if (column.label == "退回") {
this.$router.push({ name: "rymplb", params:{thList:row} });
}
},
/**
* @description: 详情跳页
* @description: 详情/修改/删除
* @param {*}
* @return {*}
*/
handleClick(row) {
this.$router.push({ name: "rymplb", params: row });
handleClick(row, type) {
if (type == "xq") {
this.$router.push({ name: "rymplb", params: row });
} else if (type == "xg") {
console.log(row);
this.XGdialogFormVisible = true;
this.XGformDiolog = row;
} else if (type == "sc") {
//row拿到这一行的信息调用接口进行删除
//同时将excel表的信息进行删除
alert("确认删除么");
}
},
handleSizeChange(val) {
this.curpage = val;
......@@ -393,6 +530,14 @@ export default {
// time:''};
// }
},
/**
* @description: 设置某列的颜色
* @param {*} row
* @param {*} column 一列的信息
* @param {*} rowIndex
* @param {*} columnIndex
* @return {*}
*/
addClass({ row, column, rowIndex, columnIndex }) {
if (column.label == "退回") {
console.log("000");
......@@ -401,19 +546,29 @@ export default {
return "blueBg";
}
},
handInit(msg) {
console.log("删除某一行的信息", msg[0]);
},
/**
* @description: 搜索按钮
* @param {*}
* @return {*}
*/
handdleSearch() {
console.log(this.form);
},
/**
* @description: 模板下载/导入
* @description: 模板下载
* @param {*} type 类型
* @return {*}
*/
onSubmit(type) {
console.log(type);
if (type == "mbxz") {
alert("模板下载");
var url =
"https://codeload.github.com/douban/douban-client/legacy.zip/master";
window.open(url);
} else if (type == "dr") {
alert("导入");
}
},
/**
* @description:编辑/发布
......@@ -424,8 +579,9 @@ export default {
console.log(type);
if (type == "bj") {
if (this.selectRow.length != 0) {
debugger;
this.dialogFormVisible = true;
// debugger;
this.BJdialogFormVisible = true;
//编辑的设计有问题 目前就指示将[0]的元素放在回显上
this.formDiolog = this.selectRow[0];
} else {
this.$message({
......@@ -433,8 +589,22 @@ export default {
type: "warning",
});
}
} else if (type == "fb") {
alert("发布");
} else if (type == "xz") {
console.log("新增");
this.XZdialogFormVisible = true;
}
},
/**
* @description: 新增的确定按钮
* @param {*}
* @return {*}
*/
handClickXZ() {
//调用接口将数据传给后台 在 调用接口进行查询数据
console.log(this.XZformDiolog);
},
},
computed: {
Tpage() {
......@@ -445,159 +615,174 @@ export default {
</script>
<style lang="scss" >
.colortable {
.redBg {
color: #e02020;
}
.blueBg {
color: blue;
}
.tdHover {
cursor: pointer;
}
.rybdsearch {
padding: 23px 0 15px 24px;
border-bottom: 1px solid #eeeeee;
.search-icon {
display: inline-block;
height: 40px;
width: 40px;
background: turquoise;
vertical-align: middle;
background: #006aff;
border-radius: 0px 4px 4px 0px;
text-align: center;
cursor: pointer;
// border: 1px solid #006aff;
// border-bottom:0 ;
.rwgl {
.colortable {
position: absolute;
width: 98%;
padding: 0 24px 0 24px;
.redBg {
color: #e02020;
}
.blueBg {
color: blue;
}
}
.el-input {
width: 44.8%;
.el-input__inner {
.rybdsearch {
padding: 23px 0 15px 24px;
border-bottom: 1px solid #eeeeee;
.el-upload-list{
margin-left: 17px;
}
.search-icon {
display: inline-block;
// padding: 0 45px;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
height: 40px;
width: 40px;
background: turquoise;
vertical-align: middle;
background: #006aff;
border-radius: 0px 4px 4px 0px;
text-align: center;
cursor: pointer;
// border: 1px solid #006aff;
// border-bottom:0 ;
}
.el-input {
width: 44.8%;
.el-input__inner {
display: inline-block;
// padding: 0 45px;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
}
.el-input-group__append button.el-button,
.el-input-group__append div.el-select .el-input__inner,
.el-input-group__append div.el-select:hover .el-input__inner,
.el-input-group__prepend button.el-button,
.el-input-group__prepend div.el-select .el-input__inner,
.el-input-group__prepend div.el-select:hover .el-input__inner {
background: #006aff;
border-color: #006aff;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
// .el-input-group--append .el-input__inner, .el-input-group__prepend {
// border-top-right-radius: 0;
// border-bottom-right-radius: 0;
.el-input-group__append,
.el-input-group__prepend {
color: #fff;
}
.el-form-item__content {
width: 660px;
}
.seaImg {
// line-height: 40px;
width: 14px;
height: 14px;
}
}
.el-input-group__append button.el-button,
.el-input-group__append div.el-select .el-input__inner,
.el-input-group__append div.el-select:hover .el-input__inner,
.el-input-group__prepend button.el-button,
.el-input-group__prepend div.el-select .el-input__inner,
.el-input-group__prepend div.el-select:hover .el-input__inner {
background: #006aff;
border-color: #006aff;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
// .el-input-group--append .el-input__inner, .el-input-group__prepend {
// border-top-right-radius: 0;
// border-bottom-right-radius: 0;
.el-input-group__append,
.el-input-group__prepend {
color: #fff;
}
.el-form-item__content {
width: 660px;
}
.seaImg {
// line-height: 40px;
width: 14px;
height: 14px;
}
.el-button--mini,
.el-button--mini.is-round {
padding: 9px 23px;
margin-left: 48px;
}
.dr {
display: inline-block;
.el-button--mini,
.el-button--mini.is-round {
padding: 9px 23px;
margin-left: 24px;
margin-left: 48px;
vertical-align: top;
}
.dr {
width: 200px;
display: inline-block;
.el-button--mini,
.el-button--mini.is-round {
padding: 9px 23px;
margin-left: 24px;
}
}
.el-form-item {
margin: 0;
}
}
.el-form-item {
margin: 0;
.edit {
height: 72px;
display: flex;
align-items: center;
justify-content: flex-end;
padding-right: 24px;
}
}
.edit {
height: 72px;
display: flex;
align-items: center;
justify-content: flex-end;
padding-right: 24px;
}
.clear {
height: 40px;
width: 100%;
background: #ddebff;
display: flex;
align-items: center;
// width: 99%;
.clear {
height: 40px;
width: 100%;
background: #ddebff;
display: flex;
align-items: center;
// width: 99%;
.icon {
display: inline-block;
width: 15.75px;
height: 15.75px;
border-radius: 50%;
line-height: 15.75px;
text-align: center;
border: 1px solid #006aff;
color: #006aff;
margin-left: 16px;
}
.sele {
margin-left: 10px;
font-size: 14px;
font-family: MicrosoftYaHei;
color: #666666;
}
.serve {
font-size: 14px;
font-family: MicrosoftYaHei;
color: #666666;
margin-left: 10px;
}
.btnclear {
margin-left: 32px;
font-size: 14px;
font-family: MicrosoftYaHei;
color: #006aff;
}
.fade-enter-active,
.fade-leave-active {
transition: opacity 0.8s;
.icon {
display: inline-block;
width: 15.75px;
height: 15.75px;
border-radius: 50%;
line-height: 15.75px;
text-align: center;
border: 1px solid #006aff;
color: #006aff;
margin-left: 16px;
}
.sele {
margin-left: 10px;
font-size: 14px;
font-family: MicrosoftYaHei;
color: #666666;
}
.serve {
font-size: 14px;
font-family: MicrosoftYaHei;
color: #666666;
margin-left: 10px;
}
.btnclear {
margin-left: 32px;
font-size: 14px;
font-family: MicrosoftYaHei;
color: #006aff;
}
.fade-enter-active,
.fade-leave-active {
transition: opacity 0.8s;
}
.fade-enter, .fade-leave-to /* .fade-leave-active below version 2.1.8 */ {
opacity: 0;
}
.el-table td.is-center,
.el-table th.is-center {
text-align: left;
}
}
.fade-enter, .fade-leave-to /* .fade-leave-active below version 2.1.8 */ {
opacity: 0;
.pagin {
position: fixed;
bottom: 40px;
background: #fff;
display: flex;
justify-content: space-between;
align-items: center;
width: calc(100vw - 367px);
padding-left: 24px;
padding-right: 15px;
// margin: 0px auto;
.record {
margin-left: 24px;
}
}
.el-table td.is-center,
.el-table th.is-center {
text-align: left;
.el-pagination {
text-align: right;
display: flex;
justify-content: flex-end;
}
}
.pagin {
position: fixed;
bottom: 40px;
background: #fff;
display: flex;
justify-content: space-between;
align-items: center;
width: 80%;
// margin: 0px auto;
.record {
margin-left: 24px;
.el-pagination__sizes {
order: 1;
}
}
.el-pagination {
text-align: right;
display: flex;
justify-content: flex-end;
}
.el-pagination__sizes {
order: 1;
}
</style>
\ No newline at end of file
src/views/rwgl/rympfk.vue
<!--
* @Author: your name
* @Date: 2021-09-01 09:45:29
* @LastEditTime: 2021-09-02 18:14:27
* @LastEditTime: 2021-09-06 15:17:44
* @LastEditors: Please set LastEditors
* @Description: In User Settings Edit
* @FilePath: \founder_vue\src\views\rwgl\rympfk.vue
......@@ -9,7 +9,7 @@
<template>
<div>
<div class="dinfo">
<div class="info">人员摸牌详情</div>
<div class="info">人员摸排详情</div>
</div>
<div class="settable">
<el-table
......@@ -84,7 +84,7 @@
>
<div>
<el-form-item label="人员来源:" class="col">
<el-select v-model="sizeForm.region" placeholder="请选择人员来源">
<el-select v-model="sizeForm.RYLY" placeholder="请选择人员来源">
<el-option
v-for="(item1, index) in perList"
:label="item1.label"
......@@ -94,13 +94,21 @@
</el-select>
</el-form-item>
<el-form-item label="核酸检测结果:" class="col">
<el-input
<!-- <el-input
v-model="sizeForm.name"
placeholder="请输入核算检测结果"
></el-input>
></el-input> -->
<el-select v-model="sizeForm.JCJG" placeholder="请选择核酸检测结果">
<el-option
v-for="(item1, index) in HsList"
:label="item1.label"
:value="item1.value"
:key="index"
></el-option>
</el-select>
</el-form-item>
<el-form-item label="管理方式:" class="col">
<el-select v-model="sizeForm.glff" placeholder="请选择管理方式">
<el-select v-model="sizeForm.GLFS" placeholder="请选择管理方式">
<el-option
v-for="(item1, index) in glList"
:label="item1.label"
......@@ -109,10 +117,28 @@
></el-option>
</el-select>
</el-form-item>
</div>
<div class="twoform">
<el-form-item label="健康检测是否异常:" class="col">
<el-select v-model="sizeForm.JKJC" placeholder="请选择">
<el-option
v-for="(item1, index) in jkjcList"
:label="item1.label"
:value="item1.value"
:key="index"
></el-option>
</el-select>
</el-form-item>
<el-form-item label="来津时间" class="col">
<el-date-picker
type="datetime"
placeholder="选择日期"
v-model="sizeForm.LJRQ"
style="width: 100%"
ref="data"
value-format="yyyy-MM-dd HH:mm:ss"
></el-date-picker>
</el-form-item>
<el-form-item label="大数据协查人员类别:" class="col">
<el-select v-model="sizeForm.dsj" placeholder="请选择管理方式">
<el-select v-model="sizeForm.RYLB" placeholder="请选择管理方式">
<el-option
v-for="(item1, index) in dsjList"
:label="item1.label"
......@@ -137,7 +163,7 @@
<el-form-item label="备注" prop="desc">
<el-input
type="textarea"
v-model="sizeForm.textarea"
v-model="sizeForm.BZ"
placeholder="请填写备注"
></el-input>
</el-form-item>
......@@ -159,17 +185,13 @@ export default {
data() {
return {
sizeForm: {
name: "",
region: "",
date1: "",
date2: "",
delivery: false,
type: [],
resource: "",
desc: "",
glff: "",
dsj: "",
textarea: "",
RYLY: "",
JCJG: "",
GLFS: "",
RYLB: "",
BZ: "",
LJRQ: "",
JKJC: "",
},
tableLoading: false, //loading
key: "1",
......@@ -212,9 +234,8 @@ export default {
SJH: "",
DM: "",
BZ: "",
GSD:''
GSD: "",
},
],
form: {
name: "",
......@@ -223,23 +244,40 @@ export default {
btnShow: "",
isShowpagin: "rympfk",
perList: [
{ label: "北京", value: "1" },
{ label: "哈尔滨", value: "2" },
{ label: "公安推送", value: "A" },
{ label: "本区排查", value: "B" },
{ label: "外区转入", value: "C" },
],
glList: [
{ label: "法律方法", value: "1" },
{ label: "教育方法", value: "2" },
{ label: "转入外区", value: "A" },
{ label: "转入外省", value: "B" },
{ label: "经公安再次核实失访", value: "C" },
{ label: "经核查非重点地区来津人员", value: "D" },
{ label: "待核查", value: "E" },
{ label: "集中隔离", value: "F" },
{ label: "居家隔离", value: "G" },
],
dsjList: [
{ label: "学生", value: "1" },
{ label: "打工人", value: "2" },
{ label: "省内漫游", value: "A" },
{ label: "省际漫游", value: "B" },
{ label: "时空伴随者", value: "C" },
{ label: "重点地区驻留", value: "D" },
],
HsList: [
{ label: "阴性", value: "A" },
{ label: "阳性", value: "B" },
{ label: "待检测", value: "C" },
],
jkjcList: [
{ label: "是", value: "A" },
{ label: "否", value: "B" },
],
};
},
methods: {
handClick(type){
console.log(this.sizeForm);
},
handClick(type) {
console.log(this.sizeForm);
},
/**
* @description: 取消
* @param {*}
......@@ -249,33 +287,36 @@ export default {
console.log("取消");
},
/**
* @description: 提交
* @description: 提交/取消
* @param {*}
* @return {*}
*/
handSubmit() {
handSubmit(type) {
if(type=='ok'){
console.log(this.sizeForm);
}
console.log("提交");
},
},
mounted() {
console.log(this.$route.params);
if(this.$route.params.infofk){
localStorage.setItem('Infofk',JSON.stringify(this.$route.params.infofk))
if (this.$route.params.infofk) {
localStorage.setItem("Infofk", JSON.stringify(this.$route.params.infofk));
console.log(localStorage);
}
console.log(localStorage.getItem('Info'));
this.tableData[0] = JSON.parse(localStorage.getItem('Infofk'))
console.log(localStorage.getItem("Info"));
this.tableData[0] = JSON.parse(localStorage.getItem("Infofk"));
},
updated() {
if (this.$refs.data.value) {
var data = document.getElementsByClassName("el-input__inner")[4].value;
if (data) {
} else {
console.log("001");
document.getElementsByClassName("el-input__icon")[4].className =
"el-icon-time";
}
}
// if (this.$refs.data.value) {
// var data = document.getElementsByClassName("el-input__inner")[4].value;
// if (data) {
// } else {
// console.log("001");
// document.getElementsByClassName("el-input__icon")[4].className =
// "el-icon-time";
// }
// }
// console.log(this.$refs.data.value);
},
};
......@@ -308,10 +349,10 @@ export default {
}
.twoform /deep/ {
.el-input__prefix {
display: none;
// display: none;
}
.el-input--prefix .el-input__inner {
padding-left: 15px;
// padding-left: 15px;
}
.data {
display: inline-block;
......
src/views/rwgl/rymplb.vue
<!--
* @Author: your name
* @Date: 2021-08-27 15:52:57
* @LastEditTime: 2021-09-02 18:13:29
* @LastEditTime: 2021-09-06 17:12:35
* @LastEditors: Please set LastEditors
* @Description: In User Settings Edit
* @FilePath: \founder_vue\src\views\rymp.vue
......@@ -34,7 +34,7 @@
<el-button type="primary" @click="onSubmit" size="mini"
>查询</el-button
>
<el-button @click="resetForm('form')" size="small">重置</el-button>
<el-button @click="resetForm('form')" size="mini">重置</el-button>
<el-button type="text" size="mini" @click="handSerchShow('unfold')"
>{{ isSearch ? "收起" : "展开 " }}
......@@ -327,10 +327,8 @@ export default {
},
},
mounted() {
// get(`jsonData/tympinfo.json`).then((data) => {
// console.log(data);
// this.tableData = data.info
// })
//点击未匹配/和退回跳转过来传过来的信息
console.log(this.$route.params.thList);
},
};
</script>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment