修改页面样式

main
jinna 3 years ago
parent 49e70e9180
commit 8fe7283a8d
  1. BIN
      public/favicon.png
  2. BIN
      public/favicon1.png
  3. BIN
      src/assets/img/login_bag.jpg
  4. BIN
      src/assets/img/video_bag.jpg
  5. 197
      src/lang/zh.js
  6. 23
      src/page/login/index.vue
  7. 23
      src/styles/login.scss
  8. 20
      src/views/register/add.vue
  9. 13
      src/views/register/index.vue
  10. 442
      src/views/register/recon.vue

Binary file not shown.

Before

Width:  |  Height:  |  Size: 11 KiB

After

Width:  |  Height:  |  Size: 13 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 11 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 268 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 48 KiB

@ -1,121 +1,122 @@
export default { export default {
title: 'Saber企业管理平台', // title: 'Saber企业管理平台',
logoutTip: '退出系统, 是否继续?', title: "矛盾纠纷化解平台",
submitText: '确定', logoutTip: "退出系统, 是否继续?",
cancelText: '取消', submitText: "确定",
search: '请输入搜索内容', cancelText: "取消",
menuTip: '没有发现菜单', search: "请输入搜索内容",
menuTip: "没有发现菜单",
common: { common: {
condition: '条件', condition: "条件",
display: '显示', display: "显示",
hide: '隐藏' hide: "隐藏",
}, },
tip: { tip: {
select: '请选择', select: "请选择",
input: '请输入' input: "请输入",
}, },
upload: { upload: {
upload: '点击上传', upload: "点击上传",
tip: '将文件拖到此处,或' tip: "将文件拖到此处,或",
}, },
date: { date: {
start: '开始日期', start: "开始日期",
end: '结束日期', end: "结束日期",
t: '今日', t: "今日",
y: '昨日', y: "昨日",
n: '近7天', n: "近7天",
a: '全部' a: "全部",
}, },
form: { form: {
printBtn: '打 印', printBtn: "打 印",
mockBtn: '模 拟', mockBtn: "模 拟",
submitBtn: '提 交', submitBtn: "提 交",
emptyBtn: '清 空' emptyBtn: "清 空",
}, },
crud: { crud: {
filter: { filter: {
addBtn: '新增条件', addBtn: "新增条件",
clearBtn: '清空数据', clearBtn: "清空数据",
resetBtn: '清空条件', resetBtn: "清空条件",
cancelBtn: '取 消', cancelBtn: "取 消",
submitBtn: '确 定' submitBtn: "确 定",
}, },
column: { column: {
name: '列名', name: "列名",
hide: '隐藏', hide: "隐藏",
fixed: '冻结', fixed: "冻结",
filters: '过滤', filters: "过滤",
sortable: '排序', sortable: "排序",
index: '顺序', index: "顺序",
width: '宽度' width: "宽度",
}, },
tipStartTitle: '当前表格已选择', tipStartTitle: "当前表格已选择",
tipEndTitle: '项', tipEndTitle: "项",
editTitle: '编 辑', editTitle: "编 辑",
copyTitle: '复 制', copyTitle: "复 制",
addTitle: '新 增', addTitle: "新 增",
viewTitle: '查 看', viewTitle: "查 看",
filterTitle: '过滤条件', filterTitle: "过滤条件",
showTitle: '列显隐', showTitle: "列显隐",
menu: '操作', menu: "操作",
addBtn: '新 增', addBtn: "新 增",
show: '显 示', show: "显 示",
hide: '隐 藏', hide: "隐 藏",
open: '展 开', open: "展 开",
shrink: '收 缩', shrink: "收 缩",
printBtn: '打 印', printBtn: "打 印",
excelBtn: '导 出', excelBtn: "导 出",
updateBtn: '修 改', updateBtn: "修 改",
cancelBtn: '取 消', cancelBtn: "取 消",
searchBtn: '搜 索', searchBtn: "搜 索",
emptyBtn: '清 空', emptyBtn: "清 空",
menuBtn: '功 能', menuBtn: "功 能",
saveBtn: '保 存', saveBtn: "保 存",
viewBtn: '查 看', viewBtn: "查 看",
editBtn: '编 辑', editBtn: "编 辑",
copyBtn: '复 制', copyBtn: "复 制",
delBtn: '删 除' delBtn: "删 除",
}, },
login: { login: {
title: '登录 ', title: "登录 ",
info: 'BladeX 企业级开发平台', info: "BladeX 企业级开发平台",
tenantId: '请输入租户ID', tenantId: "请输入租户ID",
username: '请输入账号', username: "请输入账号",
password: '请输入密码', password: "请输入密码",
wechat: '微信', wechat: "微信",
qq: 'QQ', qq: "QQ",
github: 'github', github: "github",
gitee: '码云', gitee: "码云",
phone: '请输入手机号', phone: "请输入手机号",
code: '请输入验证码', code: "请输入验证码",
submit: '登录', submit: "登录",
userLogin: '账号密码登录', userLogin: "账号密码登录",
phoneLogin: '手机号登录', phoneLogin: "手机号登录",
thirdLogin: '第三方系统登录', thirdLogin: "第三方系统登录",
ssoLogin: '单点系统登录', ssoLogin: "单点系统登录",
msgText: '发送验证码', msgText: "发送验证码",
msgSuccess: '秒后重发', msgSuccess: "秒后重发",
}, },
navbar: { navbar: {
logOut: '退出登录', logOut: "退出登录",
userinfo: '个人信息', userinfo: "个人信息",
switchDept : '部门切换', switchDept: "部门切换",
dashboard: '首页', dashboard: "首页",
lock: '锁屏', lock: "锁屏",
bug: '没有错误日志', bug: "没有错误日志",
bugs: '条错误日志', bugs: "条错误日志",
screenfullF: '退出全屏', screenfullF: "退出全屏",
screenfull: '全屏', screenfull: "全屏",
language: '中英文', language: "中英文",
notice: '消息通知', notice: "消息通知",
theme: '主题', theme: "主题",
color: '换色' color: "换色",
}, },
tagsView: { tagsView: {
search: '搜索', search: "搜索",
menu: '更多', menu: "更多",
clearCache: '清除缓存', clearCache: "清除缓存",
closeOthers: '关闭其它', closeOthers: "关闭其它",
closeAll: '关闭所有' closeAll: "关闭所有",
} },
}; };

@ -4,13 +4,13 @@
@keyup.enter.native="handleLogin"> @keyup.enter.native="handleLogin">
<top-color v-show="false"></top-color> <top-color v-show="false"></top-color>
<div class="login-weaper animated bounceInDown"> <div class="login-weaper animated bounceInDown">
<div class="login-left"> <!-- <div class="login-left"> -->
<div class="login-time"> <!-- <div class="login-time">
{{time}} {{time}}
</div> </div> -->
<p class="title">{{ $t('login.info') }}</p> <!-- <p class="title"> 矛盾纠纷化解平台</p> -->
<div style="font-size: 15px"> <!-- <div style="font-size: 15px"> -->
<span>----------------------------------------------</span> <!-- <span>----------------------------------------------</span>
<br> <br>
<span>管理租户编号000000</span> <span>管理租户编号000000</span>
<br> <br>
@ -28,15 +28,16 @@
<br> <br>
<span>租户管理员账号: admin / admin</span> <span>租户管理员账号: admin / admin</span>
<br> <br>
<span>----------------------------------------------</span> <span>----------------------------------------------</span> -->
</div> <!-- </div> -->
<!--<img class="img" src="/img/logo.png" alt="">--> <!--<img class="img" src="/img/logo.png" alt="">-->
</div> <!-- </div> -->
<div class="login-border"> <div class="login-border">
<div class="login-main"> <div class="login-main">
<h4 class="login-title"> <h4 class="login-title">
{{ $t('login.title') }}{{website.title}} <!-- {{ $t('login.title') }}{{website.title}} -->
<top-lang></top-lang> 欢迎登录
<!-- <top-lang></top-lang> -->
</h4> </h4>
<userLogin v-if="activeName==='user'"></userLogin> <userLogin v-if="activeName==='user'"></userLogin>
<!-- <codeLogin v-else-if="activeName==='code'"></codeLogin> <!-- <codeLogin v-else-if="activeName==='code'"></codeLogin>

@ -5,14 +5,15 @@
width: 100%; width: 100%;
height: 100%; height: 100%;
margin: 0 auto; margin: 0 auto;
background-image: url("/img/bg/bg.jpg"); background-image: url("~@/assets/img/login_bag.jpg");
background-size: 100% 100%; background-size: 100% 100%;
} }
.login-weaper { .login-weaper {
margin: 0 auto; margin: 0 auto;
width: 1000px; width: 400px;
box-shadow: -4px 5px 10px rgba(0, 0, 0, 0.4); margin-left: 60%;
// box-shadow: -4px 5px 10px rgba(0, 0, 0, 0.4);
.el-input-group__append { .el-input-group__append {
border: none; border: none;
@ -28,14 +29,15 @@
} }
.login-left { .login-left {
border-top-left-radius: 5px; // border-top-left-radius: 5px;
border-bottom-left-radius: 5px; // border-bottom-left-radius: 5px;
border-radius: 5px;
justify-content: center; justify-content: center;
flex-direction: column; flex-direction: column;
background-color: #8b9aac; background-color: #8b9aac;
color: #fff; color: #fff;
float: left; float: left;
width: 50%; width: 100%;
position: relative; position: relative;
} }
@ -69,11 +71,15 @@
border-bottom-right-radius: 5px; border-bottom-right-radius: 5px;
color: #fff; color: #fff;
background-color: #fff; background-color: #fff;
width: 50%; width: 100%;
float: left; float: left;
box-sizing: border-box; box-sizing: border-box;
} }
.el-button--primary{
}
.login-main { .login-main {
margin: 0 auto; margin: 0 auto;
width: 65%; width: 65%;
@ -117,7 +123,8 @@
font-size: 18px; font-size: 18px;
letter-spacing: 2px; letter-spacing: 2px;
font-weight: 300; font-weight: 300;
color: #409EFF; color: #fff;
background: #409EFF;
cursor: pointer; cursor: pointer;
margin-top: 30px; margin-top: 30px;
font-family: "neo"; font-family: "neo";

@ -85,6 +85,8 @@
<el-input <el-input
v-model="scope.row.cardno" v-model="scope.row.cardno"
clearable clearable
onkeyup="this.value=this.value.replace(/[^\d.]/g,'')"
maxlength="18"
placeholder="身份证号码" placeholder="身份证号码"
size="medium" size="medium"
style="width: 90%; margin-left: 5%" style="width: 90%; margin-left: 5%"
@ -116,6 +118,8 @@
<el-input <el-input
v-model="scope.row.phone" v-model="scope.row.phone"
clearable clearable
onkeyup="this.value=this.value.replace(/[^\d.]/g,'')"
maxlength="11"
placeholder="联系人电话" placeholder="联系人电话"
size="medium" size="medium"
style="width: 90%; margin-left: 5%" style="width: 90%; margin-left: 5%"
@ -331,9 +335,9 @@
<el-row :model="form" :rules="rules" :gutter="20"> <el-row :model="form" :rules="rules" :gutter="20">
<el-col style="width: 100%; margin-left: 1%"> <el-col style="width: 100%; margin-left: 1%">
<div class="grid-content bg-purple"> <div class="grid-content bg-purple">
<el-form-item style="width: 100%"> <el-form-item style="width: 100%" prop="problemDesc">
<figure> <figure>
&emsp;反应主要问题 <i></i>反应主要问题
<figcaption> <figcaption>
<el-input <el-input
type="textarea" type="textarea"
@ -353,7 +357,7 @@
<el-form-item class="btn_box"> <el-form-item class="btn_box">
<el-button class="can_btn" @click="handleCancel">取消</el-button> <el-button class="can_btn" @click="handleCancel">取消</el-button>
<el-button class="sub_btn" type="primary" @click="submitForm" <el-button class="sub_btn" type="primary" @click="submitForm"
>发布</el-button >提交</el-button
> >
</el-form-item> </el-form-item>
</el-form> </el-form>
@ -379,7 +383,9 @@ export default {
disputeId: [ disputeId: [
{ required: true, message: "请选择诉求类型", trigger: "change" }, { required: true, message: "请选择诉求类型", trigger: "change" },
], ],
problemDesc:[
{ required: true, message: "请填写反应主要问题", trigger: "change" },
]
}, },
formData: [ formData: [
{ {
@ -555,10 +561,10 @@ export default {
visitors:tmp, visitors:tmp,
...this.form ...this.form
} }
console.log(params) // console.log(params)
addRegister(params).then(res =>{ addRegister(params).then(res =>{
if(res.data.code == 200){ if(res.data.code == 200){
this.$message.success('登记成功!') this.$message.success('提交成功!')
let { tag, key } = this.findTag(this.$route.fullPath); let { tag, key } = this.findTag(this.$route.fullPath);
this.$store.commit("DEL_TAG", tag); this.$store.commit("DEL_TAG", tag);
if (tag.value === this.tag.value) { if (tag.value === this.tag.value) {
@ -576,7 +582,7 @@ export default {
} }
addRegister(params).then(res =>{ addRegister(params).then(res =>{
if(res.data.code == 200){ if(res.data.code == 200){
this.$message.success('登记成功!') this.$message.success('提交成功!')
let { tag, key } = this.findTag(this.$route.fullPath); let { tag, key } = this.findTag(this.$route.fullPath);
this.$store.commit("DEL_TAG", tag); this.$store.commit("DEL_TAG", tag);
if (tag.value === this.tag.value) { if (tag.value === this.tag.value) {

@ -70,7 +70,7 @@
<el-button <el-button
size="small" size="small"
@click="handleRecon(row)" @click="handleRecon(row)"
v-show="permission.appeal_resolve" v-show="permission.appeal_resolve && (row.status == 0)"
>诉求调解</el-button >诉求调解</el-button
> >
<el-button <el-button
@ -101,13 +101,16 @@
type="success" type="success"
size="small" size="small"
@click="exportRegister" @click="exportRegister"
v-show="permission.export_data"
>导出</el-button >导出</el-button
> >
<!-- <div> --> <!-- <div> -->
<el-upload <el-upload
class="upload-demo" class="upload-demo"
:headers="headers"
action="/api/blade-business/appealReg/importData" action="/api/blade-business/appealReg/importData"
:on-success="handleSuccess" :on-success="handleSuccess"
v-show="permission.import_data"
:show-file-list="false" :show-file-list="false"
multiple> multiple>
<el-button size="small" type="primary">导入</el-button> <el-button size="small" type="primary">导入</el-button>
@ -141,6 +144,7 @@
import { mapGetters } from "vuex"; import { mapGetters } from "vuex";
import {getBaseList,getTypeList} from "@/api/base" import {getBaseList,getTypeList} from "@/api/base"
import {getRegList,getResolveList,regResolve,againResolve,exportList} from "@/api/register/register" import {getRegList,getResolveList,regResolve,againResolve,exportList} from "@/api/register/register"
import { getToken } from "@/util/auth";
export default { export default {
data() { data() {
return { return {
@ -153,6 +157,9 @@ export default {
{ label: "达成协议", value: "2" }, { label: "达成协议", value: "2" },
{ label: "调解成功", value: "3" }, { label: "调解成功", value: "3" },
], ],
headers: {
"Blade-Auth": "",
}, //
listData:[], listData:[],
typeData:[ typeData:[
{label:'邻里纠纷',value:0}, {label:'邻里纠纷',value:0},
@ -284,6 +291,7 @@ export default {
...mapGetters(["permission"]), ...mapGetters(["permission"]),
}, },
created() { created() {
this.headers["Blade-Auth"] = "bearer " + getToken();
this.getTime(); this.getTime();
this.getWinData(); this.getWinData();
this.getTypeData() this.getTypeData()
@ -316,7 +324,8 @@ export default {
this.$router.push({ path: "/register/recon",query:{type:'recon',time:this.date + ' ' + this.time,id:row.id} }); this.$router.push({ path: "/register/recon",query:{type:'recon',time:this.date + ' ' + this.time,id:row.id} });
}, },
listView(row){ listView(row){
this.$router.push({ path: "/register/recon",query:{type:'view',time:row.mediateTime,id:row.mediateId} }); console.log(row)
this.$router.push({ path: "/register/recon",query:{type:'view',time:row.talkingTime,id:row.mediationId} });
}, },
searchReset() { searchReset() {
this.query = {}; this.query = {};

@ -20,26 +20,6 @@
" "
header-cell-style="background-color:#fafafa;font-size:12px;color:black" header-cell-style="background-color:#fafafa;font-size:12px;color:black"
> >
<!-- <el-table-column width="57px">
<template slot="header">
<el-button
circle
size="small"
type="primary"
icon="el-icon-plus"
@click="addDomain()"
/>
</template>
<template slot-scope="scope">
<el-button
circle
size="small"
type="danger"
icon="el-icon-delete"
@click="removeSpecimen(scope.$index, scope.row, scope)"
/>
</template>
</el-table-column> -->
<el-table-column <el-table-column
align="center" align="center"
prop="username" prop="username"
@ -54,6 +34,7 @@
style="width: 90%; margin-left: 5%" style="width: 90%; margin-left: 5%"
size="medium" size="medium"
placeholder="来访人姓名" placeholder="来访人姓名"
:disabled="pageType == 'edit' || pageType == 'recon'"
> >
</el-input> </el-input>
</template> </template>
@ -65,6 +46,7 @@
placeholder="性别" placeholder="性别"
size="medium" size="medium"
style="width: 90%; margin-left: 5%" style="width: 90%; margin-left: 5%"
:disabled="pageType == 'edit' || pageType == 'recon'"
> >
<el-option label="男" value="1"></el-option> <el-option label="男" value="1"></el-option>
<el-option label="女" value="2"></el-option> <el-option label="女" value="2"></el-option>
@ -79,6 +61,7 @@
placeholder="年龄" placeholder="年龄"
size="medium" size="medium"
style="width: 90%; margin-left: 5%" style="width: 90%; margin-left: 5%"
:disabled="pageType == 'edit' || pageType == 'recon'"
/> />
</template> </el-table-column </template> </el-table-column
><el-table-column align="center" prop="cardno" label="身份证号码"> ><el-table-column align="center" prop="cardno" label="身份证号码">
@ -89,6 +72,7 @@
placeholder="身份证号码" placeholder="身份证号码"
size="medium" size="medium"
style="width: 90%; margin-left: 5%" style="width: 90%; margin-left: 5%"
:disabled="pageType == 'edit' || pageType == 'recon'"
/> />
</template> </template>
</el-table-column> </el-table-column>
@ -100,6 +84,7 @@
placeholder="住址" placeholder="住址"
size="medium" size="medium"
style="width: 90%; margin-left: 5%" style="width: 90%; margin-left: 5%"
:disabled="pageType == 'edit' || pageType == 'recon'"
/> />
</template> </el-table-column </template> </el-table-column
><el-table-column align="center" prop="addressNow" label="现住址"> ><el-table-column align="center" prop="addressNow" label="现住址">
@ -110,6 +95,7 @@
placeholder="现住址" placeholder="现住址"
size="medium" size="medium"
style="width: 90%; margin-left: 5%" style="width: 90%; margin-left: 5%"
:disabled="pageType == 'edit' || pageType == 'recon'"
/> />
</template> </el-table-column </template> </el-table-column
><el-table-column align="center" prop="phone" label="联系人电话"> ><el-table-column align="center" prop="phone" label="联系人电话">
@ -120,6 +106,7 @@
placeholder="联系人电话" placeholder="联系人电话"
size="medium" size="medium"
style="width: 90%; margin-left: 5%" style="width: 90%; margin-left: 5%"
:disabled="pageType == 'edit' || pageType == 'recon'"
/> />
</template> </template>
</el-table-column> </el-table-column>
@ -146,6 +133,7 @@
clearable clearable
style="width: 90%" style="width: 90%"
:readonly="true" :readonly="true"
:disabled="pageType == 'edit' || pageType == 'recon'"
/> />
</figcaption> </figcaption>
</figure> </figure>
@ -159,7 +147,7 @@
<figcaption> <figcaption>
<el-select <el-select
v-model="form.streetId" v-model="form.streetId"
:disabled="isappend" :disabled="isappend || pageType == 'edit' || pageType == 'recon'"
:filter-method="dataFilter" :filter-method="dataFilter"
clearable clearable
filterable filterable
@ -186,7 +174,7 @@
<figcaption> <figcaption>
<el-select <el-select
v-model="form.disputeId" v-model="form.disputeId"
:disabled="isappend" :disabled="isappend || pageType == 'edit' || pageType == 'recon'"
:filter-method="dataFilter" :filter-method="dataFilter"
clearable clearable
filterable filterable
@ -217,7 +205,7 @@
<figcaption> <figcaption>
<el-select <el-select
v-model="form.disposeDept" v-model="form.disposeDept"
:disabled="isappend" :disabled="pageType == 'edit' || pageType == 'recon'"
:filter-method="dataFilter" :filter-method="dataFilter"
clearable clearable
filterable filterable
@ -246,6 +234,7 @@
<figcaption> <figcaption>
<el-input <el-input
v-model="form.protocol" v-model="form.protocol"
:disabled="pageType == 'edit' || pageType == 'recon'"
size="medium" size="medium"
placeholder="请输入基层有无协议书" placeholder="请输入基层有无协议书"
clearable clearable
@ -262,6 +251,7 @@
<figcaption> <figcaption>
<el-input <el-input
v-model="form.opinion" v-model="form.opinion"
:disabled="pageType == 'edit' || pageType == 'recon'"
size="medium" size="medium"
placeholder="请输入基层有无处理意见" placeholder="请输入基层有无处理意见"
clearable clearable
@ -280,6 +270,7 @@
&emsp;部门有无复查意见 &emsp;部门有无复查意见
<figcaption> <figcaption>
<el-input <el-input
:disabled="pageType == 'edit' || pageType == 'recon'"
v-model="form.reviewOpinion" v-model="form.reviewOpinion"
size="medium" size="medium"
placeholder="请输入部门有无复查意见" placeholder="请输入部门有无复查意见"
@ -297,6 +288,7 @@
&emsp;有何法律文书 &emsp;有何法律文书
<figcaption> <figcaption>
<el-input <el-input
:disabled="pageType == 'edit' || pageType == 'recon'"
v-model="form.legalPaper" v-model="form.legalPaper"
size="medium" size="medium"
placeholder="请输入法律文书" placeholder="请输入法律文书"
@ -323,12 +315,45 @@
clearable clearable
style="width: 90%" style="width: 90%"
:readonly="true" :readonly="true"
:disabled="pageType == 'edit' || pageType == 'recon'"
/> />
</figcaption> </figcaption>
</figure> </figure>
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
<el-row :model="form" :rules="rules" :gutter="20" v-show="permission.isPass">
<el-col style="width: 31%; margin-left: 1%">
<div class="grid-content bg-purple">
<el-form-item style="width: 100%">
<figure>
&emsp;是否越级上报
<figcaption>
<el-select
v-model="form.skipGrant"
:disabled="pageType == 'edit' || pageType == 'recon'"
:filter-method="dataFilter"
clearable
filterable
allow-create
ref="searchSelect"
placeholder="请选择单位"
size="medium"
style="width: 90%"
>
<el-option
v-for="item in yuejiData"
:key="item.value"
:label="item.label"
:value="item.value"
/>
</el-select>
</figcaption>
</figure>
</el-form-item>
</div>
</el-col>
</el-row>
<el-row :model="form" :rules="rules" :gutter="20"> <el-row :model="form" :rules="rules" :gutter="20">
<el-col style="width: 100%; margin-left: 1%"> <el-col style="width: 100%; margin-left: 1%">
<div class="grid-content bg-purple"> <div class="grid-content bg-purple">
@ -339,6 +364,7 @@
<el-input <el-input
type="textarea" type="textarea"
:autosize="{ minRows: 2 }" :autosize="{ minRows: 2 }"
:disabled="pageType == 'edit'"
v-model="form.problemDesc" v-model="form.problemDesc"
size="medium" size="medium"
placeholder="请输入反应主要问题" placeholder="请输入反应主要问题"
@ -370,6 +396,7 @@
" "
:cell-class-name="addClass" :cell-class-name="addClass"
header-cell-style="background-color:#fafafa;font-size:12px;color:black" header-cell-style="background-color:#fafafa;font-size:12px;color:black"
@row-click="rowClick"
> >
<el-table-column <el-table-column
align="center" align="center"
@ -385,6 +412,7 @@
size="medium" size="medium"
:readonly="true" :readonly="true"
placeholder="接谈时间" placeholder="接谈时间"
:disabled="pageType == 'edit'"
> >
</el-input> </el-input>
</template> </template>
@ -396,6 +424,7 @@
:autosize="{ minRows: 2 }" :autosize="{ minRows: 2 }"
v-model="scope.row.talkingHis" v-model="scope.row.talkingHis"
size="medium" size="medium"
:disabled="pageType == 'edit'"
placeholder="请输入接谈记录详情" placeholder="请输入接谈记录详情"
clearable clearable
style="width: 90%" style="width: 90%"
@ -415,6 +444,7 @@
type="textarea" type="textarea"
:autosize="{ minRows: 2 }" :autosize="{ minRows: 2 }"
v-model="form.attitude" v-model="form.attitude"
:disabled="pageType == 'edit'"
size="medium" size="medium"
placeholder="请输入上访人意见和态度" placeholder="请输入上访人意见和态度"
clearable clearable
@ -435,6 +465,7 @@
<figcaption> <figcaption>
<el-input <el-input
type="textarea" type="textarea"
:disabled="pageType == 'edit'"
:autosize="{ minRows: 2 }" :autosize="{ minRows: 2 }"
v-model="form.talkingAdvice" v-model="form.talkingAdvice"
size="medium" size="medium"
@ -457,7 +488,7 @@
<figcaption> <figcaption>
<el-select <el-select
v-model="form.dutyDeptIds" v-model="form.dutyDeptIds"
:disabled="isappend" :disabled="pageType == 'edit'"
:filter-method="dataFilter" :filter-method="dataFilter"
clearable clearable
filterable filterable
@ -487,7 +518,7 @@
<figcaption> <figcaption>
<el-select <el-select
v-model="form.copyDeptIds" v-model="form.copyDeptIds"
:disabled="isappend" :disabled="pageType == 'edit'"
:filter-method="dataFilter" :filter-method="dataFilter"
clearable clearable
filterable filterable
@ -496,7 +527,6 @@
placeholder="请选择单位" placeholder="请选择单位"
size="medium" size="medium"
style="width: 90%" style="width: 90%"
multiple
> >
<el-option <el-option
v-for="item in winData" v-for="item in winData"
@ -516,7 +546,7 @@
<figcaption> <figcaption>
<el-select <el-select
v-model="form.disputeLevel" v-model="form.disputeLevel"
:disabled="isappend" :disabled="pageType == 'edit'"
:filter-method="dataFilter" :filter-method="dataFilter"
clearable clearable
filterable filterable
@ -541,13 +571,13 @@
<el-row :model="form" :rules="rules" :gutter="20"> <el-row :model="form" :rules="rules" :gutter="20">
<el-col style="width: 31%; margin-left: 1%"> <el-col style="width: 31%; margin-left: 1%">
<div class="grid-content bg-purple"> <div class="grid-content bg-purple">
<el-form-item style="width: 100%" prop="status"> <el-form-item style="width: 100%" prop="appealStatus">
<figure> <figure>
<i></i> 办理状态 <i></i> 办理状态
<figcaption> <figcaption>
<el-select <el-select
v-model="form.status" v-model="form.appealStatus"
:disabled="isappend" :disabled="pageType == 'edit'"
:filter-method="dataFilter" :filter-method="dataFilter"
clearable clearable
filterable filterable
@ -575,6 +605,7 @@
&emsp;反馈时限 &emsp;反馈时限
<figcaption> <figcaption>
<el-date-picker <el-date-picker
:disabled="pageType == 'edit'"
v-model="form.feedbackDeadline" v-model="form.feedbackDeadline"
type="datetime" type="datetime"
style="width: 90%" style="width: 90%"
@ -593,6 +624,7 @@
<i></i> 办结时限 <i></i> 办结时限
<figcaption> <figcaption>
<el-date-picker <el-date-picker
:disabled="pageType == 'edit'"
v-model="form.finishDeadline" v-model="form.finishDeadline"
type="datetime" type="datetime"
format="yyyy-MM-dd HH:mm:ss" format="yyyy-MM-dd HH:mm:ss"
@ -615,6 +647,7 @@
<figcaption> <figcaption>
<el-input <el-input
type="textarea" type="textarea"
:disabled="pageType == 'edit'"
:autosize="{ minRows: 2 }" :autosize="{ minRows: 2 }"
v-model="form.remark" v-model="form.remark"
size="medium" size="medium"
@ -635,6 +668,7 @@
&emsp;来访时间 &emsp;来访时间
<figcaption> <figcaption>
<el-date-picker <el-date-picker
:disabled="pageType == 'edit' || pageType == 'recon'"
v-model="form.visitTime" v-model="form.visitTime"
type="datetime" type="datetime"
style="width: 90%" style="width: 90%"
@ -654,6 +688,7 @@
<figcaption> <figcaption>
<el-date-picker <el-date-picker
v-model="form.submitTime" v-model="form.submitTime"
:disabled="pageType == 'edit'"
type="datetime" type="datetime"
style="width: 90%" style="width: 90%"
format="yyyy-MM-dd HH:mm:ss" format="yyyy-MM-dd HH:mm:ss"
@ -667,28 +702,26 @@
</el-col> </el-col>
</el-row> </el-row>
<el-row :model="form" :rules="rules" :gutter="20"> <el-row :model="form" :rules="rules" :gutter="20">
<el-col style="width: 100%; margin-left: 1%"> <el-col style="width: 100%; margin-left: 1%" v-show="imgList.length == 0 && pageType !== 'edit'">
<el-form-item > <el-form-item>
<figure> <figure>
&emsp; 上传附件 &emsp; 上传附件
<figcaption> <figcaption>
<el-upload <el-upload
v-model="form.fileList" v-model="imgList"
class="upload_box" class="upload_box"
:class="imgList.length >= 5 ? 'hide' : ''" :class="imgList.length >= 5 ? 'hide' : ''"
:headers="headers" :headers="headers"
action="/api/blade-resource/oss/endpoint/put-file" action="/api/blade-resource/oss/endpoint/put-file"
:data="{ imgType: 1 }"
list-type="picture-card" list-type="picture-card"
:on-preview="handlePictureCardPreview" :on-success="handleSuccess"
:on-success="handleAvatarSuccess" :on-remove="handleRemove"
:on-remove="handleRemove1" :before-upload="beforeUpload"
:before-upload="beforeAvatarUpload"
:file-list="fileList" :file-list="fileList"
limit="5" limit="5"
accept=".jpg,.png" accept=".jpg,.png"
> >
<div class="up_box" v-show="imgList.length < 5"> <div class="up_box" v-show="imgList.length < 5 && pageType !== 'edit'">
<div class="upload_item"> <div class="upload_item">
<div class="img"> <div class="img">
<img src="~@/assets/image/upload.png" alt="" /> <img src="~@/assets/image/upload.png" alt="" />
@ -696,10 +729,7 @@
<div>上传图片</div> <div>上传图片</div>
</div> </div>
<div class="upload_tip"> <div class="upload_tip">
<span class="txt" <span class="txt">上传文件: jpgpng 文件大小: 5M</span>
>上传文件jpgpng 图片尺寸682*310px</span
>
<span class="txt">文件大小1M</span>
</div> </div>
</div> </div>
</el-upload> </el-upload>
@ -720,33 +750,44 @@
<script> <script>
import { mapGetters } from "vuex"; import { mapGetters } from "vuex";
import { regResolve,resolveDetail,getStreetList,saveResolve } from "@/api/register/register"; import {
import {getBaseList,getTypeList} from "@/api/base" regResolve,
resolveDetail,
getStreetList,
saveResolve,
} from "@/api/register/register";
import { getBaseList, getTypeList } from "@/api/base";
import { getToken } from "@/util/auth"; import { getToken } from "@/util/auth";
export default { export default {
data() { data() {
return { return {
form: { form: {
number: "", number: "",
fileList: [],
}, },
imgList: [], imgList: [],
enentLevel:[ fileList: [],
{value:0,label:'简单'}, enentLevel: [
{value:1,label:'一般'}, { value: 0, label: "简单" },
{value:2,label:'重大'}, { value: 1, label: "一般" },
{value:3,label:'疑难'}, { value: 2, label: "重大" },
{ value: 3, label: "疑难" },
], ],
statusData:[ statusData: [
{value:1,label:'正在处理'}, { value: 1, label: "正在处理" },
{value:2,label:'达成协议'}, { value: 2, label: "达成协议" },
{value:3,label:'调解成功'}, { value: 3, label: "调解成功" },
],
yuejiData:[
{value:1,label:'是'},
{value:0,label:'否'},
], ],
headers: { headers: {
"Blade-Auth": "", "Blade-Auth": "",
}, // }, //
streetData:[], streetData: [],
winData:[], winData: [],
typeData:[], typeData: [],
pageType: "", pageType: "",
title: "", title: "",
activated: "", activated: "",
@ -767,7 +808,7 @@ export default {
disputeLevel: [ disputeLevel: [
{ required: true, message: "请选择事件等级", trigger: "change" }, { required: true, message: "请选择事件等级", trigger: "change" },
], ],
status: [ appealStatus: [
{ required: true, message: "请选择办理状态", trigger: "change" }, { required: true, message: "请选择办理状态", trigger: "change" },
], ],
}, },
@ -787,10 +828,11 @@ export default {
}, },
watch: {}, watch: {},
created() { created() {
this.headers["Blade-Auth"] = "bearer " + getToken(); this.headers["Blade-Auth"] = "bearer " + getToken();
this.getStreet(); this.getStreet();
this.getTypeData(); this.getTypeData();
this.getWinData() this.getWinData();
console.log("type", this.$route.query.type);
if (this.$route.query.type == "recon") { if (this.$route.query.type == "recon") {
this.pageType = "recon"; this.pageType = "recon";
this.title = "诉求调解"; this.title = "诉求调解";
@ -800,114 +842,75 @@ export default {
this.title = this.$route.query.time + " " + "调解记录"; this.title = this.$route.query.time + " " + "调解记录";
this.pageType = "edit"; this.pageType = "edit";
this.activated = this.$route.query.id; this.activated = this.$route.query.id;
// this.formData = [ this.getResolveDetail();
// {
// username: "",
// gender: "1",
// age: 20,
// cardno: "3708821548488178",
// address: "",
// addressNow: "",
// phone: "13564854126",
// },
// {
// username: "",
// gender: "1",
// age: 20,
// cardno: "3708821548488178",
// address: "",
// addressNow: "",
// phone: "13564854126",
// },
// ];
// this.recordData = [
// {
// id: "122555646684684",
// talkingTime: "2022-06-03 12:05",
// talkingHis: "...........",
// },
// {
// id: "id",
// talkingTime: "2022-06-02 10:05",
// talkingHis: "...........",
// },
// ];
// this.form = {
// number: this.formData.length,
// id: "id",
// appealId: "ID",
// appealRegId: "ID",
// streetName: "",
// disputeLevel: "",
// status: "",
// disputeName: "",
// disposeDept: "",
// hasProtocol: "",
// hasOpinion: "",
// hasReviewOpinion: "",
// legalPaper: "",
// regTime: "2012-05-15 12:30",
// problemDesc: "...........",
// attitude: "访",
// dutyDeptNames: ", ",
// copyDeptNames: ", ",
// feedbackDeadline: "2022-12-02",
// finishDeadline: "2022-12-02",
// remark: "",
// submitTime: "2022-08-19",
// };
this.getResolveDetail()
} }
}, },
computed: { computed: {
...mapGetters(["tagWel", "tagList", "tag", "website"]), ...mapGetters(["tagWel", "tagList", "tag", "website","permission"]),
}, },
methods: { methods: {
getStreet(){ getStreet() {
getStreetList().then(res =>{ getStreetList().then((res) => {
this.streetData = res.data.data this.streetData = res.data.data;
}) });
}, },
getWinData(){ getWinData() {
getBaseList().then(res =>{ getBaseList().then((res) => {
this.winData = res.data.data this.winData = res.data.data;
}) });
}, },
getTypeData(){ getTypeData() {
getTypeList().then(res =>{ getTypeList().then((res) => {
this.typeData = res.data.data this.typeData = res.data.data;
}) });
}, },
getResolveDetail(){ getResolveDetail() {
resolveDetail({mediateId:this.$route.query.id}).then(res =>{ resolveDetail({ mediateId: this.$route.query.id }).then((res) => {
console.log(res.data.data.visitors) this.formData = res.data.data.visitors;
this.formData = res.data.data.visitors this.form = res.data.data;
}) this.form.dutyDeptIds = this.form.dutyDeptIds !== '' ? this.form.dutyDeptIds.split(',') : ''
this.recordData = this.form.talkingHisList;
this.form.personNum = this.formData.length;
if(this.form.fileList.length !== 0){
this.form.fileList.map((item) => {
this.imgList.push({ fileAddr: item.fileAddr });
this.fileList.push({ url: item.fileAddr });
});
}else{
this.fileList = []
}
});
}, },
getDetail() { getDetail() {
regResolve({ appealId: this.$route.query.id }).then((res) => { regResolve({ appealId: this.$route.query.id }).then((res) => {
console.log("res===>", res); console.log("res===>", res);
this.form = { this.form = {
appealId:res.data.data.appealId, appealId: res.data.data.appealId,
appealRegId:res.data.data.appealRegId, appealRegId: res.data.data.appealRegId,
personNum:this.formData.length, personNum:res.data.data.visitors.length,
streetId:res.data.data.streetId, streetId: res.data.data.streetId,
disputeId:res.data.data.disputeId, disputeId: res.data.data.disputeId,
disposeDept:res.data.data.disposeDept, disposeDept: res.data.data.disposeDept,
protocol:res.data.data.protocol, protocol: res.data.data.protocol,
opinion:res.data.data.opinion, opinion: res.data.data.opinion,
reviewOpinion:res.data.data.reviewOpinion, reviewOpinion: res.data.data.reviewOpinion,
legalPaper:res.data.data.legalPaper, legalPaper: res.data.data.legalPaper,
problemDesc:res.data.data.problemDesc, problemDesc: res.data.data.problemDesc,
} visitTime:res.data.data.regTime,
this.formData = res.data.data.visitors skipGrant:res.data.data.skipGrant
this.recordData = res.data.data.talkingHisList };
this.recordData.push({talkingTime:this.$route.query.time,talkingHis:''}) this.formData = res.data.data.visitors;
this.recordData = res.data.data.talkingHisList;
// this.form.personNum = this.form
this.recordData.push({
talkingTime: this.$route.query.time,
talkingHis: "",
});
}); });
}, },
addClass({ row, column, rowIndex, columnIndex }) { addClass({ row, column, rowIndex, columnIndex }) {
console.log(row); if (row.mediationId == this.activated) {
if (row.id == this.activated) {
return "cell_item"; return "cell_item";
} }
}, },
@ -935,58 +938,101 @@ export default {
}); });
} }
}, },
addDomain() { rowClick(row) {
let obj = { console.log(row);
username: "", console.log(this.pageType)
gender: "", if (!row.mediationId || this.pageType == 'recon') {
age: "", return;
cardno: "",
address: "",
addressNow: "",
phone: "",
};
let isName = this.formData.find((item) => item.username == "");
let isSex = this.formData.find((item) => item.gender == "");
let isAge = this.formData.find((item) => item.age == "");
let isNumber = this.formData.find((item) => item.cardno == "");
let isAddress = this.formData.find((item) => item.address == "");
let isPhone = this.formData.find((item) => item.phone == "");
if (
this.formData.length == 0 ||
(!isName && !isSex && !isAge && !isNumber && !isAddress && !isPhone)
) {
this.formData.push(obj);
} else {
this.$message.error("请填写登记人员相关信息后新增人员");
} }
this.activated = row.mediationId;
resolveDetail({ mediateId: this.activated }).then((res) => {
this.formData = res.data.data.visitors;
this.form = res.data.data;
this.form.dutyDeptIds = this.form.dutyDeptIds !== '' ? this.form.dutyDeptIds.split(',') : ''
this.recordData = this.form.talkingHisList;
this.form.personNum = this.formData.length;
this.title = row.talkingTime + '调解记录'
if(this.form.fileList.length !== 0){
this.form.fileList.map((item) => {
this.imgList.push({ fileAddr: item.fileAddr });
this.fileList.push({ url: item.fileAddr });
});
}else{
this.fileList = []
}
});
}, },
removeSpecimen(index, row) { removeSpecimen(index, row) {
this.formData.splice(index, 1); this.formData.splice(index, 1);
let tmp = this.formData.filter((item) => item.name !== ""); let tmp = this.formData.filter((item) => item.name !== "");
this.form.number = tmp.length; this.form.number = tmp.length;
}, },
handleSuccess(res) {
if (res.code == 200) {
this.imgList.push({ fileAddr: res.data.link });
}
},
handleRemove(file, fileList) {
console.log(file)
console.log(this.imgList)
if (file.response) {
this.imgList = this.imgList.filter(
(item) => item.fileAddr !== file.response.data.link
);
} else {
this.imgList = this.imgList.filter(
(item) =>
item.fileAddr !== file.url.slice(file.url.lastIndexOf("/") + 1)
);
}
},
beforeUpload(file) {
const isJPG = file.type === "image/jpeg";
const isPNG = file.type === "image/png";
const isLt2M = file.size / 1024 / 1024 < 5;
if (!isJPG && !isPNG) {
this.$message.error("上传头像图片只能是 JPG 格式或者 PNG 格式!");
return false;
}
if (!isLt2M) {
this.$message.error("上传头像图片大小不能超过 5MB!");
return false;
}
return true;
},
submitForm() { submitForm() {
this.$refs["registerForm"].validate((valid) => { this.$refs["registerForm"].validate((valid) => {
if (valid) { if (valid) {
let params = {} let params = {};
this.recordData.map(item => item.talkingTime = item.talkingTime + ':00') this.recordData.map(
params={ (item) => (item.talkingTime = item.talkingTime + ":00")
...this.form, );
talkingHisList:this.recordData let tmp = this.recordData.find((item) => item.talkingHis == "");
} if (tmp) {
saveResolve(params).then(res =>{ this.$message.error("请填写接谈记录详情");
if(res.data.code == 200){ } else {
this.$message.success('发布成功!'); params = {
let { tag, key } = this.findTag(this.$route.fullPath); ...this.form,
this.$store.commit("DEL_TAG", tag); dutyDeptIds: this.form.dutyDeptIds
if (tag.value === this.tag.value) { ? this.form.dutyDeptIds.join(",")
tag = this.tagList[key === 0 ? key : key - 1]; // : "",
this.$router.push({ fileList: this.imgList,
path: "/register/index", talkingHisList: this.recordData,
}); };
saveResolve(params).then((res) => {
if (res.data.code == 200) {
this.$message.success("提交成功!");
let { tag, key } = this.findTag(this.$route.fullPath);
this.$store.commit("DEL_TAG", tag);
if (tag.value === this.tag.value) {
tag = this.tagList[key === 0 ? key : key - 1]; //
this.$router.push({
path: "/register/index",
});
}
} }
} });
}) }
} }
}); });
}, },
@ -1124,15 +1170,13 @@ export default {
} }
} }
} }
} }
/deep/ .el-upload-list { /deep/ .el-upload-list {
.el-upload-list__item { .el-upload-list__item {
width: 394px; width: 394px;
height: 174px; height: 174px;
}
} }
}
/deep/ .cell_item { /deep/ .cell_item {
background: #f5f7fa; background: #f5f7fa;
} }

Loading…
Cancel
Save