Skip to content

F
founder_vue
Commit 9c1f9386 by 刘玉帅
Options

xq

parent 460ae1b9
Showing with 662 additions and 175 deletions
src/store/index.js
/*
* @Author: your name
* @Date: 2021-08-31 10:44:27
* @LastEditTime: 2021-09-10 11:39:26
* @LastEditTime: 2021-09-15 18:33:02
* @LastEditors: Please set LastEditors
* @Description: In User Settings Edit
* @FilePath: \西青项目\founder_vue\src\store\index.js
......@@ -16,11 +16,13 @@ Vue.use(Vuex);
const store = new Vuex.Store({
state:{
name:''
zzjglx:''
},
mutations:{
setname(state){
state.name = JSON.parse(sessionStorage.getItem('userInformation')).username || ''
setzzjglx(state){
state.zzjglx = 11
// JSON.parse(sessionStorage.getItem('userInformation')).data.zzjglx|| ''
console.log(JSON.parse(sessionStorage.getItem('userInformation')).data.zzjglx);
}
},
modules: {
......
src/views/Login/login2.vue
<!--
* @Author: your name
* @Date: 2021-09-08 10:36:43
* @LastEditTime: 2021-09-15 15:12:57
* @LastEditTime: 2021-09-15 17:04:08
* @LastEditors: Please set LastEditors
* @Description: In User Settings Edit
* @FilePath: \founder_vue\src\views\Login\login2.vue
......@@ -29,7 +29,7 @@
<div class="usergo">用户登录</div>
<form action="">
<div class="username">账号:</div>
<input type="text"
<el-input type="text"
class="Ipt"
placeholder="请输入用户名"
v-model="username"
......@@ -38,8 +38,9 @@
@blur="myFunction('1')"
ref="one"
>
</el-input>
<div class="username pass">密码:</div>
<input type="password"
<el-input type="password"
class="Ipt"
placeholder="请输入密码"
v-model="password"
......@@ -48,8 +49,9 @@
@blur="myFunction('4')"
ref="two"
>
</el-input>
<div class="btn">
<button @click="denglu" class="hbtn" >登录</button>
<el-button @click="denglu" class="hbtn" >登录</el-button>
</div>
</form>
</div>
......
src/views/rwgl/mptj.vue
<!--
* @Author: your name
* @Date: 2021-08-28 19:36:38
* @LastEditTime: 2021-09-03 11:12:05
* @Date: 2021-08-27 15:52:57
* @LastEditTime: 2021-09-15 18:31:10
* @LastEditors: Please set LastEditors
* @Description: In User Settings Edit
* @FilePath: \founder_vue\src\views\rwgl\rwthcl.vue
* @FilePath: \founder_vue\src\views\rymp.vue
-->
<template>
<div class="rwthcl">
<div class="batch">
<el-input
placeholder="请输入内容"
v-model="searchVal"
class="input-with-select"
<div class="rymplb">
<div class="rympsearch">
<el-form
size="mini"
ref="form"
:model="rympForm"
label-width="80px"
:inline="true"
style="margin-top: 24px; border-bottom: 1px solid #eeeeee"
>
<el-button slot="append" icon="el-icon-search"></el-button>
</el-input>
<el-form-item label="姓名:" prop="name">
<el-input
v-model="rympForm.name"
placeholder="请输入人员姓名"
></el-input>
</el-form-item>
<el-form-item label="身份证号:" prop="userId">
<el-input
v-model="rympForm.userId"
placeholder="请输入身份证号"
></el-input>
</el-form-item>
<!-- <el-form-item label="姓名:" prop="name">
<el-input v-model="form.name" placeholder="请输入人员姓名"></el-input>
</el-form-item> -->
<div class="search">
<el-form-item style="margin-left: 24px">
<el-button type="primary" @click="onSubmit" size="mini"
>查询</el-button
>
<el-button @click="resetForm('form')" size="mini">重置</el-button>
<el-button type="text" size="mini" @click="handSerchShow('unfold')"
>{{ isSearch ? "收起" : "展开 " }}
<i v-if="!isSearch" class="el-icon-arrow-up el-icon--right"></i>
<i v-else class="el-icon-arrow-down el-icon--right"></i>
</el-button>
</el-form-item>
</div>
<transition name="slide-fade">
<div v-if="isSearch">
<el-form-item label="年龄:" prop="age">
<el-input
v-model="rympForm.age"
placeholder="请输入人员年龄"
></el-input>
</el-form-item>
<el-form-item label="住址:" prop="address">
<el-input
v-model="rympForm.address"
placeholder="请输入人员姓名"
></el-input>
</el-form-item>
</div>
</transition>
</el-form>
</div>
<div class="batch">
<el-button type="primary" @click="batchSubmit" plain>批量操作 </el-button>
<el-button type="text" size="mini" @click="handSerchShow('More')"
>{{ MoreisSearch ? "收起" : "批量操作 " }}
<i v-if="!MoreisSearch" class="el-icon-arrow-up el-icon--right"></i>
<i v-else class="el-icon-arrow-down el-icon--right"></i>
</el-button>
</div>
<transition name="slide-fade">
<div class="More" v-if="MoreisSearch">
<el-button type="primary" size="mini">未知操作1</el-button>
<el-button type="primary" size="mini">未知操作2</el-button>
<el-button type="primary" size="mini">未知操作3</el-button>
<el-button size="mini">未知操作1</el-button>
<el-button size="mini">未知操作2</el-button>
<el-button size="mini">未知操作3</el-button>
</div>
</transition>
<Table
<!-- 表格 -->
<el-table
stripe
:key="key"
v-loading="tableLoading"
element-loading-text="拼命加载中"
ref="itsmDataTable"
tooltip-effect="dark"
max-height="300"
style="width: 99%; margin: 0 auto"
width="100%"
size="small"
:data="tableData"
>
<el-table-column type="selection" width="55"> </el-table-column>
<el-table-column
align="center"
v-for="columnTitle in cxDefaultFormThead"
:prop="columnTitle.prop"
:key="columnTitle.label"
:label="columnTitle.label"
:width="columnTitle.width"
>
</el-table-column>
<el-table-column label="操作" width="auto">
<!-- {{zzjglx}} -->
<template slot-scope="scope">
<el-button type="text" size="small" @click="handInit(scope.row, 'xq')"
>详情</el-button
>
<el-button type="text" size="small" v-if="zzjglx =='11'" @click="handInit(scope.row, 'xf')"
>下发</el-button
>
<el-button type="text" v-if="zzjglx =='12'||zzjglx =='13'" size="small" @click="handInit(scope.row, 'fk')"
>反馈</el-button
>
<el-button type="text" v-if="zzjglx =='12'" size="small" @click="handInit(scope.row, 'th')"
>退回</el-button
>
</template>
</el-table-column>
</el-table>
<!-- 分页 -->
<div class="pagin">
<span class="record"
>共{{ tableDataLength }} 条记录 第{{ atPage }}/{{ Tpage }}页</span
>
<el-pagination
background
@size-change="handleSizeChange"
@current-change="handleCurrentChange"
:current-page.sync="currentPage1"
:page-sizes="[10, 20, 50, 100]"
:page-size="page_size"
layout="sizes,prev, pager, next"
:total="tableDataLength"
>
</el-pagination>
</div>
<!-- <Table
:cxDefaultFormThead="cxDefaultFormThead"
:tableData="tableData"
:btnShow="btnShow"
:proptableLoading="proptableLoading"
@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>
</Table> -->
<!-- 详情 和 退回的diolog弹框 -->
<div class="rymplbDialog">
<el-dialog
title="详情信息"
:visible.sync="rymplbdialogVisible"
width="30%"
>
<div class="xqdiolog">
<div>
姓名：<el-tag type="success">{{ xqinfo.xm }}</el-tag>
</div>
<div>
身份证号：<el-tag type="success" v-if="xqinfo.sfzh">{{
xqinfo.sfzh
}}</el-tag>
</div>
<div>
归属地：<el-tag type="success" v-if="xqinfo.gsd">{{
xqinfo.gsd
}}</el-tag>
</div>
<div>
手机号：<el-tag type="success" v-if="xqinfo.sjh">{{
xqinfo.sjh
}}</el-tag>
</div>
<div>
反馈状态 ：<el-tag type="success" v-if="xqinfo.fkzt">{{
xqinfo.fkzt
}}</el-tag>
</div>
</div>
<span slot="footer" class="dialog-footer">
<el-button @click="rymplbdialogVisible = false">取 消</el-button>
<el-button type="primary" @click="rymplbdialogVisible = false"
>确 定</el-button
>
</span>
</el-dialog>
<!-- 退回的diolog -->
<el-dialog
title="退回"
:visible.sync="dialogFormVisible"
@closed="closed"
>
<el-form :model="thform" label-position="top">
<el-form-item
label="退回地址:"
:label-width="formLabelWidth"
class="col"
>
<el-input v-model="thform.zsdz" autocomplete="off"></el-input>
</el-form-item>
<el-form-item label="备注:" prop="bz" class="col">
<el-input
type="textarea"
v-model="thform.bz"
placeholder="请填写备注"
></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="thhandClick">确 定</el-button>
</div>
</el-dialog>
</div>
</div>
</template>
<script>
import Table from "@/components/Table.vue";
import { get, postJson } from "@/utils/http.js";
import utils from "@/utils/util.js";
import { mapMutations, mapState } from "vuex";
export default {
name: "rymplb",
components: {
Table,
},
data() {
return {
atPage: 1, //当前页数
tableDataLength: 0, //当前页面总条数
curpage: 10, //当前选择要显示的条数
page_size: 10, //每页显示多少条
currentPage1: 1, //表格页码
key: "1",
tableLoading: false, //页面table加载loding
xqinfo: {}, //详情存储的数据
formLabelWidth: "120px",
mptjform: {
name: "",
},
mptjdialogFormVisible: false,
searchVal: "",
MoreisSearch: false,
form: {
dialogFormVisible: false, //退回的diolog关闭
thform: {
zsdz: "",
bz: "",
}, //退回的内容发送给后台
rymplbdialogVisible: false, //详情大diolog
isSearch: false, //收起/展开
MoreisSearch: false, //更多操作
rympForm: {
name: "",
userId: "",
},
address: "",
age: "",
}, //查询信息
cxDefaultFormThead: [
{
label: "姓名",
prop: "XM",
prop: "xm",
width: "auto",
},
{
label: "身份证号",
prop: "SFZH",
prop: "sfzh",
width: "auto",
},
{
label: "地址",
prop: "DM",
label: "手机号",
prop: "sjh",
width: "auto",
},
{
label: "出发地",
prop: "CFD",
label: "归属地",
prop: "gsd",
width: "auto",
},
{
label: "数据导入时间",
prop: "SJDRSJ",
label: "反馈状态",
prop: "fkzt",
width: "auto",
},
],
tableData: [
{
XM: "张三",
SFZH: "1110101010",
DM: "北京市昌平区小口镇",
CFD: "哈尔滨平房",
SJDRSJ: "2016-05-02",
ycbz: "1",
},
{
XM: "张三",
SFZH: "1110101010",
DM: "北京市昌平区小口镇",
CFD: "哈尔滨平房",
SJDRSJ: "2016-05-02",
ycbz: "1",
},
{
XM: "张三",
SFZH: "1110101010",
DM: "北京市昌平区小口镇",
CFD: "哈尔滨平房",
SJDRSJ: "2016-05-02",
ycbz: "1",
},
{
XM: "张三",
SFZH: "1110101010",
DM: "北京市昌平区小口镇",
CFD: "哈尔滨平房",
SJDRSJ: "2016-05-02",
ycbz: "1",
},
{
XM: "张三",
SFZH: "1110101010",
DM: "北京市昌平区小口镇",
CFD: "哈尔滨平房",
SJDRSJ: "2016-05-02",
ycbz: "1",
},
{
XM: "张三",
SFZH: "1110101010",
DM: "北京市昌平区小口镇",
CFD: "哈尔滨平房",
SJDRSJ: "2016-05-01",
ycbz: "1",
},
{
XM: "张三",
SFZH: "1110101010",
DM: "北京市昌平区小口镇",
CFD: "哈尔滨平房",
SJDRSJ: "2016-05-01",
ycbz: "1",
},
{
XM: "张三",
SFZH: "1110101010",
DM: "北京市昌平区小口镇",
CFD: "哈尔滨平房",
SJDRSJ: "2016-05-01",
ycbz: "1",
},
{
XM: "张三",
SFZH: "1110101010",
DM: "北京市昌平区小口镇",
CFD: "哈尔滨平房",
SJDRSJ: "2016-05-01",
ycbz: "1",
},
{
XM: "张三",
SFZH: "1110101010",
DM: "北京市昌平区小口镇",
CFD: "哈尔滨平房",
SJDRSJ: "2016-05-03",
ycbz: "1",
},
],
btnShow: "rymplb",
{
xm:'000'
},
{
xm:'000'
},
{
xm:'000'
}
], //表格数据
dataRyid: "", //人员 id
selectRythb: "", //人员退回返回的信息
showList: {
page: 1,
limit: 10,
},
};
},
methods: {
...mapMutations(["setzzjglx"]), //调用vueX的方法修改值
/**
* @description: 展开/收起--更多操作/收起
* @param {*} type
* @return {*}
*/
handSerchShow(type) {
this.MoreisSearch = !this.MoreisSearch;
if (type == "unfold") {
this.isSearch = !this.isSearch;
} else if (type == "More") {
this.MoreisSearch = !this.MoreisSearch;
}
},
/**
* @description:查询按钮
* @param {*}
* @return {*}
*/
onSubmit() {
console.log("submit");
console.log(this.form);
},
/**
* @description: 每页 ${val} 条
* @param {*} val
* @return {*}
*/
handleSizeChange(val) {
this.curpage = val;
console.log(`每页 ${val} 条`);
this.$set(this.showList, "limit", val);
this.getList(this.showList);
},
/**
* @description: 当前页数
* @param {*} val
* @return {*}
*/
handleCurrentChange(val) {
this.atPage = val;
console.log(`当前页: ${val}`);
this.$set(this.showList, "page", val);
this.getList(this.showList);
},
/**
* @description: 重置按钮
* @param {*} formName ref
* @return {*}
*/
resetForm(formName) {
this.$refs[formName].resetFields();
console.log("重置按钮");
},
batchSubmit() {},
/**
* @description: 父组件传值
* @description: 批量操作
* @param {*}
* @return {*}
*/
batchSubmit() {},
/**
* @description: 操作 详情/反馈/退回
* @param {*} msg
* @return {*}
*/
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") {
this.$router.push({ path: "rympfk", query: { plan: "123" } });
} else if (msg[1] == "th") {
this.mptjdialogFormVisible = true;
handInit(row, type) {
if (type == "xq") {
this.xqinfo = row;
this.rymplbdialogVisible = true;
} else if (type == "fk") {
console.log(row);
//将数据存储到sessionStorage防止刷新数据丢失报错
window.sessionStorage.setItem("infofk", JSON.stringify(row));
this.$router.push({
name: "rympfk",
params: { infofk: JSON.stringify(row) },
});
} else if (type == "th") {
this.dialogFormVisible = true;
this.dataRyid = row.ryid;
// console.log("一行的信息", row);
// console.log("人员的id", this.dataRyid);
postJson("/xqapi/rythb/selectRythb", { ryglid: this.dataRyid }).then(
(res) => {
console.log("退回的数据", res);
if (res.code == "200") {
if (res.data.rows) {
this.selectRythb = res.data.rows;
this.thform = res.data.rows;
}
console.log(res.data.rows);
}
}
);
}else if (type == "xf"){
console.log(JSON.parse(sessionStorage.getItem('userInformation')).data);
}
},
/**
* @description: 退回的 确定操作
* @param {*}
* @return {*}
*/
thhandClick() {
//根据id查找返回的数据是否为空进行判断是退回修改还是退回新增
console.log(this.selectRythb);
this.$set(this.thform, "ryglid", this.dataRyid);
if (this.selectRythb) {
console.log("人员回退信息修改");
postJson("/xqapi/rythb/updateRythb", this.thform).then((res) => {
console.log(res);
if (res.code == "200") {
this.$message({
message: "退回成功",
type: "success",
});
this.dialogFormVisible = false;
}
});
} else {
console.log("人员回退信息新增");
postJson("/xqapi/rythb/insertRythb", this.thform).then((res) => {
console.log(res);
if (res.code == "200") {
this.$message({
message: "退回成功",
type: "success",
});
this.dialogFormVisible = false;
}
});
}
},
/**
* @description: 获取未匹配 人员的列表
* @param {*} form
* @return {*}
*/
// getList(form) {
// let self = this;
// postJson("/xqapi/rymp/selectRympList", form).then((res) => {
// console.log(res);
// if (res.code == "200") {
// self.tableLoading = true;
// this.tableData = utils.deepClone(res.data.rows);
// this.tableDataLength = res.data.total;
// self.tableLoading = false;
// }
// });
// },
/**
* @description: 关闭diolog清空列表
* @param {*}
* @return {*}
*/
closed() {
console.log("00.00");
this.thform = {};
},
},
watch: {
tableData: function (val, oldVal) {
console.log("new", val, oldVal);
},
},
computed: {
...mapState(["zzjglx"]),
Tpage() {
return Math.ceil(this.tableDataLength / this.curpage);
},
},
mounted() {
this.setzzjglx();
console.log("我是vuex中存储的值", this.zzjglx);
console.log(JSON.parse(sessionStorage.getItem("userInformation")).username);
console.log(this.$route.params.type);
//点击未匹配/和退回跳转过来传过来的信息
console.log(this.showList);
if (this.$route.params.type == "wpp") {
// debugger
let formList = {
rwid: "2",
page: 1,
limit: 10,
ppzt: "0",
};
this.showList = formList;
console.log(this.showList);
this.getList(formList);
} else if (this.$route.params.type == "th") {
let formList = {
rwid: this.$route.params.id,
page: 1,
limit: 10,
thzt: "0",
};
this.showList = formList;
this.getList(formList);
} else if (this.$route.params.type == "ypp") {
var formList = {
rwid: this.$route.params.id,
page: 1,
limit: 10,
ppzt: "1",
};
this.showList = formList;
this.getList(formList);
} else if (this.$route.params.type == "yfk") {
let formList = {
rwid: this.$route.params.id,
page: 1,
limit: 10,
fkzt: "1",
};
this.showList = formList;
this.getList(formList);
} else if (this.$route.params.type == "wfk") {
let formList = {
rwid: this.$route.params.id,
page: 1,
limit: 10,
fkzt: "0",
};
this.showList = formList;
this.getList(formList);
}
},
};
</script>
<style lang="scss" scoped>
.rwthcl /deep/ {
.More {
padding-left: 24px;
margin-bottom: 10px;
}
.rymplb /deep/ {
.el-form--inline .el-form-item {
// margin-left:-10px ;
transform: translateX(-10px);
margin-right: 32px;
}
.rymplbDialog {
.col {
width: 30%;
}
.xqdiolog {
display: flex;
flex-wrap: wrap;
div {
width: 33.3%;
margin-bottom: 20px;
}
}
}
// .el-button--primary {
// background: #055fe7;
// border-radius: 4px;
......@@ -232,11 +565,14 @@ export default {
// border-color: #c6e2ff;
// background-color: #ecf5ff;
// }
.el-input--mini .el-input__inner {
// height: 32px;
line-height: 32px;
.rympsearch {
.el-input--mini .el-input__inner {
height: 32px;
line-height: 32px;
}
}
.search {
// margin-right: 200px;
display: inline-block;
.el-button--primary {
background: #055fe7;
......@@ -248,6 +584,9 @@ export default {
// padding: 0 46px;
width: 240px;
}
.el-button--text {
margin-left: 21px !important;
}
}
.el-button + .el-button {
margin-left: 24px;
......@@ -263,10 +602,74 @@ export default {
margin-left: 21px;
}
.batch {
margin-top: 20px;
margin-left: 24px;
margin-bottom: 20px;
width: 400px;
height: 79px;
display: flex;
align-items: center;
}
.batch {
padding-left: 24px;
.el-button {
padding: 8px 19px;
}
.el-dropdown {
margin-left: 24px;
}
.el-button--primary.is-plain {
border: 1px solid #055fe7;
background: transparent;
font-size: 14px;
font-family: MicrosoftYaHei;
color: #055fe7;
}
.el-button--primary.is-plain:focus,
.el-button--primary.is-plain:hover {
background: #409eff;
border-color: #409eff;
color: #fff;
}
}
.pagin {
position: absolute;
top: calc(100vh - 180px);
// bottom: 40px;
margin-top: 10px;
margin-bottom: 10px;
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-pagination {
text-align: right;
display: flex;
justify-content: flex-end;
}
.el-pagination__sizes {
order: 1;
}
}
}
.More {
display: flex;
}
/* 可以设置不同的进入和离开动画 */
/* 设置持续时间和动画函数 */
.slide-fade-enter-active {
transition: all 0.3s ease;
}
</style>
\ No newline at end of file
.slide-fade-leave-active {
transition: all 0.3s cubic-bezier(1, 0.5, 0.8, 1);
}
.slide-fade-enter, .slide-fade-leave-to
/* .slide-fade-leave-active for below version 2.1.8 */ {
transform: translateX(10px);
opacity: 0;
}
</style>
src/views/rwgl/rwglindex.vue
<!--
* @Author: your name
* @Date: 2021-08-28 21:28:08
* @LastEditTime: 2021-09-14 15:23:30
* @LastEditTime: 2021-09-15 18:28:18
* @LastEditors: Please set LastEditors
* @Description: In User Settings Edit
* @FilePath: \founder_vue\src\views\rwgl\rwglindex.vue
......@@ -548,7 +548,7 @@ export default {
// debugger
let self = this;
self.tableLoading = true;
post("/xqapi/selectRwForPage", self.selectPage).then((res) => {
post("/xqapi/rwgl/selectRwForPage", self.selectPage).then((res) => {
if (res.code == "200") {
console.log("分页返回的数据", res);
self.tableData = res.data.mpRwList;
......
src/views/rwgl/rymplb.vue
<!--
* @Author: your name
* @Date: 2021-08-27 15:52:57
* @LastEditTime: 2021-09-15 16:38:19
* @LastEditTime: 2021-09-15 19:36:16
* @LastEditors: Please set LastEditors
* @Description: In User Settings Edit
* @FilePath: \founder_vue\src\views\rymp.vue
......@@ -106,16 +106,28 @@
</el-table-column>
<el-table-column label="操作" width="auto">
<template slot-scope="scope">
<el-button type="text" size="small" @click="handInit(scope.row, 'xf')"
>下发</el-button
>
<el-button type="text" size="small" @click="handInit(scope.row, 'xq')"
>详情</el-button
>
<el-button type="text" size="small" @click="handInit(scope.row, 'fk')"
<el-button
type="text"
size="small"
v-if="zzjglx == '11'"
@click="handInit(scope.row, 'xf')"
>下发</el-button
>
<el-button
type="text"
v-if="zzjglx == '12' || zzjglx == '13'"
size="small"
@click="handInit(scope.row, 'fk')"
>反馈</el-button
>
<el-button type="text" size="small" @click="handInit(scope.row, 'th')"
<el-button
type="text"
v-if="zzjglx == '12'"
size="small"
@click="handInit(scope.row, 'th')"
>退回</el-button
>
</template>
......@@ -213,6 +225,29 @@
<el-button type="primary" @click="thhandClick">确 定</el-button>
</div>
</el-dialog>
<!-- 下发的 diolog -->
<el-dialog title="下发地址" :visible.sync="XFdialogFormVisible">
<el-form :model="XFform">
<!-- <el-form-item label="活动名称" :label-width="formLabelWidth">
<el-input v-model="form.name" autocomplete="off"></el-input>
</el-form-item> -->
<el-form-item label="活动区域" :label-width="formLabelWidth">
<el-select v-model="XFform.region" placeholder="请选择下发地址">
<el-option
v-for="item3 in selectData"
:key="item3.value"
:label="item3.name"
:value="item3.value"
></el-option>
<!-- <el-option label="区域二" value="beijing"></el-option> -->
</el-select>
</el-form-item>
</el-form>
<div slot="footer" class="dialog-footer">
<el-button @click="XFdialogFormVisible = false">取 消</el-button>
<el-button type="primary" @click="XFhandleClick">确 定</el-button>
</div>
</el-dialog>
</div>
</div>
</template>
......@@ -230,6 +265,11 @@ export default {
},
data() {
return {
selectData: [],
XFdialogFormVisible: false, //下发的 diolog
XFform: {},
xfList: [], //下发返回的数据
xfhtList: {}, //下发 传给后台的数据
atPage: 1, //当前页数
tableDataLength: 0, //当前页面总条数
curpage: 10, //当前选择要显示的条数
......@@ -290,7 +330,7 @@ export default {
};
},
methods: {
...mapMutations(["setname"]), //调用vueX的方法修改值
...mapMutations(["setzzjglx"]), //调用vueX的方法修改值
/**
* @description: 展开/收起--更多操作/收起
* @param {*} type
......@@ -384,8 +424,50 @@ export default {
}
}
);
} else if (type == "xf") {
console.log(row);
this.ryID = row.ryid;
console.log(this.ryID);
this.XFdialogFormVisible = true;
let bh = JSON.parse(sessionStorage.getItem("userInformation")).data
.zzjgdm;
console.log(JSON.parse(sessionStorage.getItem("userInformation")).data);
postJson("/xqapixjDept/selectjdzz", { ssjgdm: bh }).then((res) => {
console.log(res);
if (res.code == "200") {
this.xfList = res.data.rows;
res.data.rows.map((item) => {
this.selectData.push({ name: item.zzjgmc, value: item.zzjgdm });
});
}
});
}
},
XFhandleClick() {
console.log(this.xfList);
this.$set(this.xfhtList, "ryid", this.ryID);
this.xfList.map((item) => {
if (item.zzjgdm == this.XFform.region) {
this.$set(this.xfhtList, "zzjgdm", item.zzjgdm);
this.$set(this.xfhtList, "zzjgmc", item.zzjgmc);
this.$set(this.xfhtList, "zzjglx", item.zzjglx);
console.log("0000");
}
console.log(this.xfhtList);
});
postJson("/xqapi/rymp/updateRympXf", this.xfhtList).then((res) => {
if (res.code == "200") {
this.$message({
message: "恭喜你，这是一条成功消息",
type: "success",
});
this.XFdialogFormVisible = false
}
console.log(res);
});
console.log(this.ryID);
},
/**
* @description: 退回的 确定操作
* @param {*}
......@@ -454,14 +536,14 @@ export default {
},
},
computed: {
...mapState(["name"]),
...mapState(["zzjglx"]),
Tpage() {
return Math.ceil(this.tableDataLength / this.curpage);
},
},
mounted() {
this.setname();
console.log("我是vuex中存储的值", this.name);
this.setzzjglx();
console.log("我是vuex中存储的值", this.zzjglx);
console.log(JSON.parse(sessionStorage.getItem("userInformation")).username);
console.log(this.$route.params.type);
//点击未匹配/和退回跳转过来传过来的信息
......@@ -469,7 +551,7 @@ export default {
if (this.$route.params.type == "wpp") {
// debugger
let formList = {
rwid: "2",
rwid: this.$route.params.id,
page: 1,
limit: 10,
ppzt: "0",
......@@ -514,7 +596,6 @@ export default {
this.showList = formList;
this.getList(formList);
}
},
};
</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