68c6b9ef by 蔡俊立
2 parents e8869ff7 53484481
1 import request from '@/utils/request' 1 import request from '@/utils/request'
2 import SERVER from './config' 2 import SERVER from './config'
3 // export function getMenuInfo () { 3
4 // return request({ 4 // 获取用户信息
5 // url: SERVER.SERVERAPI + '/rest/user/getUserMenus', 5 export function getUserInfo () {
6 // method: 'get', 6 return request({
7 // }) 7 url: SERVER.SERVERAPI + '/rest/user/getUserInfo',
8 // } 8 method: 'get',
9 })
10 }
11
12 // 获取菜单信息
9 export function getMenuInfo () { 13 export function getMenuInfo () {
10 return request({ 14 return request({
11 url: SERVER.SERVERAPI + '/rest/user/getUserAuthorizationMenus', 15 url: SERVER.SERVERAPI + '/rest/user/getUserAuthorizationMenus',
......
...@@ -103,8 +103,8 @@ export default { ...@@ -103,8 +103,8 @@ export default {
103 display: flex; 103 display: flex;
104 align-items: center; 104 align-items: center;
105 width: 100%; 105 width: 100%;
106 line-height: 32px; 106 height: 28px;
107 height: 32px; 107 line-height: 28px;
108 background: rgba(0, 0, 0, 0.1); 108 background: rgba(0, 0, 0, 0.1);
109 109
110 .icon { 110 .icon {
......
1 <?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1668671631108" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1959" xmlns:xlink="http://www.w3.org/1999/xlink" width="32" height="32"><path d="M992 255.8H32c-17.7 0-32-14.3-32-32s14.3-32 32-32h960c17.7 0 32 14.3 32 32 0 17.6-14.3 32-32 32zM992 544H32c-17.7 0-32-14.3-32-32s14.3-32 32-32h960c17.7 0 32 14.3 32 32s-14.3 32-32 32zM992 832.3H32c-17.7 0-32-14.3-32-32s14.3-32 32-32h960c17.7 0 32 14.3 32 32 0 17.6-14.3 32-32 32z" p-id="1960" fill="#ffffff"></path></svg>
...\ No newline at end of file ...\ No newline at end of file
1 <?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1668673450787" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3461" xmlns:xlink="http://www.w3.org/1999/xlink" width="32" height="32"><path d="M313.67168 153.53856a40.96 40.96 0 0 1 39.7312 71.65952A327.53664 327.53664 0 0 0 184.32 512c0 180.98176 146.69824 327.68 327.68 327.68s327.68-146.69824 327.68-327.68c0-116.67456-61.44-222.65856-159.78496-281.45664a40.96 40.96 0 1 1 42.04544-70.30784A409.35424 409.35424 0 0 1 921.6 512c0 226.22208-183.37792 409.6-409.6 409.6S102.4 738.22208 102.4 512A409.43616 409.43616 0 0 1 313.67168 153.53856z" fill="#ffffff" p-id="3462"></path><path d="M471.04 102.4m40.96 0l0 0q40.96 0 40.96 40.96l0 409.6q0 40.96-40.96 40.96l0 0q-40.96 0-40.96-40.96l0-409.6q0-40.96 40.96-40.96Z" fill="#ffffff" p-id="3463"></path></svg>
...\ No newline at end of file ...\ No newline at end of file
...@@ -8,16 +8,15 @@ ...@@ -8,16 +8,15 @@
8 <theme style="float: right;height: 26px;width: 26px;margin-top: 26px;" @change="themeChange" /> 8 <theme style="float: right;height: 26px;width: 26px;margin-top: 26px;" @change="themeChange" />
9 </div> 9 </div>
10 <div class="right-menu"> 10 <div class="right-menu">
11 <svg-icon class="function" icon-class='function' />
11 <el-dropdown class="avatar-container right-menu-item hover-effect" @command="handleCommand"> 12 <el-dropdown class="avatar-container right-menu-item hover-effect" @command="handleCommand">
12 <div class="avatar-wrapper"> 13 <div class="avatar-wrapper">
13 <span style="padding-right:10px">{{ name }}</span>
14 <img :src="avatar + '?imageView2/1/w/80/h/80'" class="user-avatar" /> 14 <img :src="avatar + '?imageView2/1/w/80/h/80'" class="user-avatar" />
15 <span style="margin-left: 10px;">{{ name }}</span>
15 </div> 16 </div>
16 <el-dropdown-menu slot="dropdown">
17 <el-dropdown-item command="a">个人中心</el-dropdown-item>
18 <el-dropdown-item command="f">退出登录</el-dropdown-item>
19 </el-dropdown-menu>
20 </el-dropdown> 17 </el-dropdown>
18
19 <svg-icon class="shutdown" icon-class='shutdown' />
21 </div> 20 </div>
22 </div> 21 </div>
23 <NoticeBar class="NoticeBar" :noticeList="noticeList" /> 22 <NoticeBar class="NoticeBar" :noticeList="noticeList" />
...@@ -160,6 +159,19 @@ export default { ...@@ -160,6 +159,19 @@ export default {
160 float: right; 159 float: right;
161 height: 100%; 160 height: 100%;
162 line-height: 50px; 161 line-height: 50px;
162 display: flex;
163 align-items: center;
164
165 .function {
166 margin: 0 15px;
167 cursor: pointer;
168 }
169
170 .shutdown {
171 font-size: 20px;
172 margin-left: 15px;
173 cursor: pointer;
174 }
163 175
164 .organization-item { 176 .organization-item {
165 margin-right: 40px; 177 margin-right: 40px;
...@@ -191,7 +203,6 @@ export default { ...@@ -191,7 +203,6 @@ export default {
191 203
192 .right-menu-item { 204 .right-menu-item {
193 display: inline-block; 205 display: inline-block;
194 padding: 0 8px;
195 height: 100%; 206 height: 100%;
196 font-size: 18px; 207 font-size: 18px;
197 color: #fff; 208 color: #fff;
......
...@@ -5,7 +5,6 @@ import NProgress from 'nprogress' // progress bar ...@@ -5,7 +5,6 @@ import NProgress from 'nprogress' // progress bar
5 import 'nprogress/nprogress.css' // progress bar style 5 import 'nprogress/nprogress.css' // progress bar style
6 import getPageTitle from '@/utils/get-page-title' 6 import getPageTitle from '@/utils/get-page-title'
7 import Cookies from 'js-cookie' 7 import Cookies from 'js-cookie'
8
9 NProgress.configure({ showSpinner: false }) // NProgress Configuration 8 NProgress.configure({ showSpinner: false }) // NProgress Configuration
10 9
11 router.beforeEach(async (to, from, next) => { 10 router.beforeEach(async (to, from, next) => {
...@@ -22,6 +21,8 @@ router.beforeEach(async (to, from, next) => { ...@@ -22,6 +21,8 @@ router.beforeEach(async (to, from, next) => {
22 } else { 21 } else {
23 const { result: getMenuData } = await getMenuInfo() 22 const { result: getMenuData } = await getMenuInfo()
24 const accessRoutes = await store.dispatch('permission/generateRoutes', getMenuData) 23 const accessRoutes = await store.dispatch('permission/generateRoutes', getMenuData)
24 // 获取用户信息
25 await store.dispatch('user/getUserInfo')
25 router.addRoutes([...accessRoutes, { path: '*', redirect: '/404', hidden: true }]) 26 router.addRoutes([...accessRoutes, { path: '*', redirect: '/404', hidden: true }])
26 const routeTo = Cookies.get('routerTo') 27 const routeTo = Cookies.get('routerTo')
27 console.log(routeTo) 28 console.log(routeTo)
...@@ -32,7 +33,6 @@ router.beforeEach(async (to, from, next) => { ...@@ -32,7 +33,6 @@ router.beforeEach(async (to, from, next) => {
32 } 33 }
33 } 34 }
34 NProgress.done() 35 NProgress.done()
35
36 }) 36 })
37 router.afterEach(to => { 37 router.afterEach(to => {
38 // 解决刷新页面报404问题 38 // 解决刷新页面报404问题
......
1 import store from '../index' 1 import { getUserInfo } from '@/api/user'
2 import router, { resetRouter } from '@/router'
3 import Cookies from 'js-cookie';
4 const state = { 2 const state = {
5 name: Cookies.get('username'), 3 name: '',
6 avatar: 'https://cube.elemecdn.com/0/88/03b0d39583f48206768a7534e55bcpng.png', 4 avatar: 'https://cube.elemecdn.com/0/88/03b0d39583f48206768a7534e55bcpng.png',
7 userInfo: null
8 } 5 }
9 const mutations = { 6 const mutations = {
10 SET_NAME: (state, name) => { 7 SET_NAME: (state, name) => {
11 state.name = name 8 state.name = name
12 },
13 SET_AVATAR: (state, avatar) => {
14 state.avatar = avatar
15 },
16 SET_USERINFO: (state, userInfo) => {
17 state.userInfo = userInfo
18 } 9 }
19 } 10 }
20 11
21 const actions = { 12 const actions = {
13 getUserInfo ({ commit }) {
14 return new Promise(async (resolve) => {
15 let { result: res } = await getUserInfo()
16 commit('SET_NAME', res.loginName)
17 resolve(true)
18 })
19 },
22 } 20 }
23 export default { 21 export default {
24 namespaced: true, 22 namespaced: true,
......
...@@ -87,14 +87,16 @@ ...@@ -87,14 +87,16 @@
87 <el-button @click="closeInvalidDiglog()">取 消</el-button> 87 <el-button @click="closeInvalidDiglog()">取 消</el-button>
88 <el-button type="primary" @click="confirmInvalid()">确 定</el-button> 88 <el-button type="primary" @click="confirmInvalid()">确 定</el-button>
89 </div> 89 </div>
90
91 <bdcqzPrint v-model="bdcqz" />
90 </div> 92 </div>
91 </el-dialog> 93 </el-dialog>
92 <el-empty description="暂无数据" v-if="tableData.length == 0"></el-empty> 94 <el-empty description="暂无数据" v-if="tableData.length == 0"></el-empty>
93 </div> 95 </div>
94 </template> 96 </template>
95 <script> 97 <script>
96 import { getSlsqBdcqzList, invalidCertificate } from "@/api/fqsq.js"; 98 import { getSlsqBdcqzList, invalidCertificate } from "@/api/bdcqz.js";
97 99 import bdcqzPrint from "./zsdy.vue";
98 export default { 100 export default {
99 components: {}, 101 components: {},
100 props: {}, 102 props: {},
...@@ -114,7 +116,6 @@ export default { ...@@ -114,7 +116,6 @@ export default {
114 methods: { 116 methods: {
115 //初始化列表 117 //初始化列表
116 list() { 118 list() {
117 // var bsmSldy = this.$parent.unitData[0].bsmSldy;
118 var bsmSlsq = this.$route.query.bsmSlsq; 119 var bsmSlsq = this.$route.query.bsmSlsq;
119 getSlsqBdcqzList({ bsmSlsq: bsmSlsq }).then((res) => { 120 getSlsqBdcqzList({ bsmSlsq: bsmSlsq }).then((res) => {
120 if (res.code === 200) { 121 if (res.code === 200) {
...@@ -146,22 +147,22 @@ export default { ...@@ -146,22 +147,22 @@ export default {
146 }); 147 });
147 } else { 148 } else {
148 //证书打印 149 //证书打印
149 this.$popup("证书打印", "workflow/components/zsdy", { 150 // this.$popup("证书打印", "workflow/components/zsdy", {
150 height: "700px", 151 // height: "700px",
151 width: "800px", 152 // width: "800px",
152 formData: { 153 // formData: {
153 bsmSlsq: this.bsmSlsq, 154 // bsmSlsq: this.bsmSlsq,
154 bdcqz: item, 155 // bdcqz: item,
155 }, 156 // },
156 btnShow: true, 157 // btnShow: true,
157 confirmText: "打印证书", 158 // confirmText: "打印证书",
158 cancel: () => { 159 // cancel: () => {
159 console.log("取消回调"); 160 // console.log("取消回调");
160 }, 161 // },
161 confirm: () => { 162 // confirm: () => {
162 that.list(); 163 // that.list();
163 }, 164 // },
164 }); 165 // });
165 } 166 }
166 }, 167 },
167 //再次打印 168 //再次打印
......
...@@ -44,7 +44,7 @@ ...@@ -44,7 +44,7 @@
44 44
45 <script> 45 <script>
46 import { datas } from "../javascript/zsyl.js"; 46 import { datas } from "../javascript/zsyl.js";
47 import { readYsxlh,certificate,getSlsqBdcqzList} from "@/api/fqsq.js" 47 import { readYsxlh,certificate,getSlsqBdcqzList} from "@/api/bdcqz.js"
48 export default { 48 export default {
49 components: { 49 components: {
50 }, 50 },
......
...@@ -26,7 +26,7 @@ ...@@ -26,7 +26,7 @@
26 </div> 26 </div>
27 <div class="zsyl-right"> 27 <div class="zsyl-right">
28 <div class="zsyl-title">附记</div> 28 <div class="zsyl-title">附记</div>
29 <div class="zsyl-text"></div> 29 <div class="zsyl-text">{{bdcqz.fj}}</div>
30 </div> 30 </div>
31 </div> 31 </div>
32 </div> 32 </div>
...@@ -34,7 +34,7 @@ ...@@ -34,7 +34,7 @@
34 34
35 <script> 35 <script>
36 import { datas } from "../javascript/zsyl.js"; 36 import { datas } from "../javascript/zsyl.js";
37 import { readYsxlh,certificate,getSlsqBdcqzList} from "@/api/fqsq.js" 37 import { getSlsqBdcqzList} from "@/api/bdcqz.js"
38 export default { 38 export default {
39 components: { 39 components: {
40 }, 40 },
...@@ -82,17 +82,7 @@ export default { ...@@ -82,17 +82,7 @@ export default {
82 methods: { 82 methods: {
83 //获取证书内容 83 //获取证书内容
84 getRowValue(code){ 84 getRowValue(code){
85 var value = this.bdcqz[code] 85 var value = this.bdcqz[code];
86 if(code == 'gyqk'){
87 switch(value){
88 case '1':
89 return '单独所有';
90 case '2':
91 return '共同共有';
92 case '3':
93 return '按份所有';
94 }
95 }
96 return value; 86 return value;
97 }, 87 },
98 //获取受理申请下全部不动产权证 88 //获取受理申请下全部不动产权证
......
...@@ -163,7 +163,7 @@ ...@@ -163,7 +163,7 @@
163 .topButton { 163 .topButton {
164 @include flex; 164 @include flex;
165 width: 100%; 165 width: 100%;
166 height: 80px; 166 height: 85px;
167 background-color: #3498db; 167 background-color: #3498db;
168 color: #ffffff; 168 color: #ffffff;
169 justify-content: space-between; 169 justify-content: space-between;
...@@ -194,3 +194,9 @@ ...@@ -194,3 +194,9 @@
194 } 194 }
195 } 195 }
196 } 196 }
197
198 .NoticeBar {
199 position: absolute;
200 left: 0;
201 bottom: 0;
202 }
...\ No newline at end of file ...\ No newline at end of file
......
...@@ -16,6 +16,7 @@ ...@@ -16,6 +16,7 @@
16 <span class="iconName">{{ item.name }}</span> 16 <span class="iconName">{{ item.name }}</span>
17 </li> 17 </li>
18 </ul> 18 </ul>
19 <NoticeBar class="NoticeBar" :noticeList="noticeList" />
19 </div> 20 </div>
20 <!-- 内容框架 --> 21 <!-- 内容框架 -->
21 <div class="containerFrame"> 22 <div class="containerFrame">
...@@ -81,6 +82,7 @@ import { ...@@ -81,6 +82,7 @@ import {
81 getStepFormInfo, 82 getStepFormInfo,
82 } from "@/api/fqsq.js"; 83 } from "@/api/fqsq.js";
83 import { mapGetters } from "vuex" 84 import { mapGetters } from "vuex"
85 import NoticeBar from '@/components/NoticeBar/index'
84 import { deleteFlow, unClaimTask } from "@/api/ywbl.js"; 86 import { deleteFlow, unClaimTask } from "@/api/ywbl.js";
85 import ProcessViewer from './components/processViewer.vue' 87 import ProcessViewer from './components/processViewer.vue'
86 import { getWorkFlowImage } from "@/api/jsydsyqFlow.js"; 88 import { getWorkFlowImage } from "@/api/jsydsyqFlow.js";
...@@ -90,10 +92,22 @@ import { queueDjywmc } from "@/views/ywbl/ywsq/slectBdcdata.js"; ...@@ -90,10 +92,22 @@ import { queueDjywmc } from "@/views/ywbl/ywsq/slectBdcdata.js";
90 export default { 92 export default {
91 components: { 93 components: {
92 fqsqDialog, 94 fqsqDialog,
95 NoticeBar,
93 ProcessViewer 96 ProcessViewer
94 }, 97 },
95 data () { 98 data () {
96 return { 99 return {
100 noticeList: [
101 {
102 title: '6666666666666666666'
103 },
104 {
105 title: '3333333333333333333'
106 },
107 {
108 title: '6666666666666666666'
109 }
110 ],
97 isDialog: false, 111 isDialog: false,
98 // 流程图 112 // 流程图
99 // 折叠 113 // 折叠
......
...@@ -10,16 +10,47 @@ export default { ...@@ -10,16 +10,47 @@ export default {
10 moreQueryClick () { 10 moreQueryClick () {
11 this.isSearch = true 11 this.isSearch = true
12 }, 12 },
13 getSearch (val) { 13 handleSelect (bs, mc, code) {
14 if (!val) return 14 let that = this
15 this.otherForm = val 15 this.dictData[bs].forEach(item => {
16 if (item.dcode == this.queryForm[code]) {
17 this.searchForm[mc] = item.dname
18 }
19 })
20 },
21 handelItem (item, index) {
22 let obj = {
23 ywlymc: 'ywly',
24 qllxmc: 'qllx',
25 djlxmc: 'djlx'
26 }
27 this.searchList.splice(index, 1)
28 if (obj[item.zdm]) {
29 this.queryForm[obj[item.zdm]] = ''
30 } else if (this.otherForm[[item.zdm]]) {
31 this.otherForm[[item.zdm]] = ''
32 } else {
33 this.queryForm[item.zdm] = ''
34 }
35 this.searchForm[item.zdm] = ''
36 this.iterationData()
16 this.queryClick() 37 this.queryClick()
17 let obj = { ywlymc: '业务来源', qllxmc: '权利类型', djlxmc: '登记类型', ywh: '业务号', sqywmc: '申请业务名称', qlrmc: '权利人', ywrmc: '义务人', slsj: '受理时间' } 38 },
18 this.searchList = Object.entries({ ...this.searchForm, ...val }).map((item) => { 39 iterationData () {
40 let obj = {
41 ywlymc: '业务来源', qllxmc: '权利类型', djlxmc: '登记类型', ywh: '业务号', sqywmc: '申请业务名称',
42 qlrmc: '权利人', ywrmc: '义务人', slsj: '受理时间'
43 }
44 this.searchList = Object.entries({ ...this.searchForm, ...this.otherForm }).map((item) => {
19 const [name, value] = item 45 const [name, value] = item
20 if (value) return { name: obj[name], value } 46 if (value) return { name: obj[name], value, zdm: name }
21 }).filter(Boolean) 47 }).filter(Boolean)
22 }, 48 },
49 getSearch (val) {
50 this.otherForm = val
51 this.iterationData()
52 this.queryClick()
53 },
23 hanldeCleanAll () { 54 hanldeCleanAll () {
24 this.searchForm = {} 55 this.searchForm = {}
25 this.queryForm = { 56 this.queryForm = {
......
...@@ -49,7 +49,7 @@ ...@@ -49,7 +49,7 @@
49 <ul> 49 <ul>
50 <li v-for="(item, index) in searchList" :key="index"> 50 <li v-for="(item, index) in searchList" :key="index">
51 {{ item.name }}:{{ item.value }} 51 {{ item.name }}:{{ item.value }}
52 <i class="el-icon-circle-close" @click="handelItem(index)"></i> 52 <i class="el-icon-circle-close" @click="handelItem(item, index)"></i>
53 </li> 53 </li>
54 </ul> 54 </ul>
55 <el-button class="clean-btn" type="text" v-if="searchList.length > 0" @click.native="hanldeCleanAll">清除全部 55 <el-button class="clean-btn" type="text" v-if="searchList.length > 0" @click.native="hanldeCleanAll">清除全部
...@@ -59,7 +59,7 @@ ...@@ -59,7 +59,7 @@
59 </div> 59 </div>
60 <div class="from-clues-content"> 60 <div class="from-clues-content">
61 <lb-table :page-size="pageData.size" class="loadingtext" @sort-change="handleSort" 61 <lb-table :page-size="pageData.size" class="loadingtext" @sort-change="handleSort"
62 :current-page.sync="pageData.currentPage" :heightNum="290" :total="tableData.total" 62 :current-page.sync="pageData.currentPage" :heightNum="295" :total="tableData.total"
63 @size-change="handleSizeChange" @p-current-change="handleCurrentChange" :column="tableData.columns" 63 @size-change="handleSizeChange" @p-current-change="handleCurrentChange" :column="tableData.columns"
64 :data="tableData.data"> 64 :data="tableData.data">
65 </lb-table> 65 </lb-table>
...@@ -114,19 +114,11 @@ export default { ...@@ -114,19 +114,11 @@ export default {
114 } 114 }
115 }, 115 },
116 methods: { 116 methods: {
117 handleSelect (bs, mc, code) {
118 let that = this
119 this.dictData[bs].forEach(item => {
120 if (item.dcode == this.queryForm[code]) {
121 this.searchForm[mc] = item.dname
122 }
123 })
124 },
125 // 列表渲染接口 117 // 列表渲染接口
126 queryClick () { 118 queryClick () {
127 this.$startLoading() 119 this.$startLoading()
128 this.searchForm.ywh = this.queryForm.ywh 120 this.searchForm.ywh = this.queryForm.ywh
129 console.log(this.otherForm); 121 this.iterationData()
130 searchTaskToDo({ ...this.queryForm, ...this.pageData }).then(res => { 122 searchTaskToDo({ ...this.queryForm, ...this.pageData }).then(res => {
131 this.$endLoading() 123 this.$endLoading()
132 if (res.code === 200) { 124 if (res.code === 200) {
...@@ -139,15 +131,11 @@ export default { ...@@ -139,15 +131,11 @@ export default {
139 item.qlrmcStr = item.qlrmc ? String(item.qlrmc) : '' 131 item.qlrmcStr = item.qlrmc ? String(item.qlrmc) : ''
140 item.ywrmcStr = item.ywrmc ? String(item.ywrmc) : '' 132 item.ywrmcStr = item.ywrmc ? String(item.ywrmc) : ''
141 }) 133 })
142 this.tableData.total = total; 134 this.tableData.total = total ? total : 0
143 this.tableData.data = records ? records : [] 135 this.tableData.data = records ? records : []
144 } 136 }
145 }) 137 })
146 }, 138 },
147
148 handelItem (index) {
149 this.searchList.splice(index, 1)
150 },
151 handleSort (val) { 139 handleSort (val) {
152 this.queryForm.sortField = val.prop 140 this.queryForm.sortField = val.prop
153 this.queryForm.sortOrder = val.order == "ascending" ? 'asc' : 'desc' 141 this.queryForm.sortOrder = val.order == "ascending" ? 'asc' : 'desc'
......
...@@ -220,9 +220,10 @@ ...@@ -220,9 +220,10 @@
220 :disabled="$route.query.viewtype == 1" 220 :disabled="$route.query.viewtype == 1"
221 v-model="ruleForm.slywxx.gyfs" 221 v-model="ruleForm.slywxx.gyfs"
222 > 222 >
223 <el-radio label="1">单独所有</el-radio> 223 <el-radio label="0">单独所有</el-radio>
224 <el-radio label="2">共同共有</el-radio> 224 <el-radio label="1">共同共有</el-radio>
225 <el-radio label="3">按份所有</el-radio> 225 <el-radio label="2">按份所有</el-radio>
226 <el-radio label="3">其它共有</el-radio>
226 </el-radio-group> 227 </el-radio-group>
227 </el-form-item> 228 </el-form-item>
228 </el-col> 229 </el-col>
......
...@@ -6,8 +6,8 @@ ...@@ -6,8 +6,8 @@
6 <el-row> 6 <el-row>
7 <el-col :span="5"> 7 <el-col :span="5">
8 <el-form-item label="业务来源"> 8 <el-form-item label="业务来源">
9 <el-select v-model="queryForm.ywly" @change="queryClick()" class="width100" filterable clearable 9 <el-select v-model="queryForm.ywly" @change="handleSelect('ywly', 'ywlymc', 'ywly')" class="width100"
10 placeholder="请选择业务来源"> 10 filterable clearable placeholder="请选择业务来源">
11 <el-option v-for="item in dictData['ywly']" :key="item.dcode" :label="item.dname" :value="item.dcode"> 11 <el-option v-for="item in dictData['ywly']" :key="item.dcode" :label="item.dname" :value="item.dcode">
12 </el-option> 12 </el-option>
13 </el-select> 13 </el-select>
...@@ -15,8 +15,8 @@ ...@@ -15,8 +15,8 @@
15 </el-col> 15 </el-col>
16 <el-col :span="5"> 16 <el-col :span="5">
17 <el-form-item label="权利类型"> 17 <el-form-item label="权利类型">
18 <el-select v-model="queryForm.qllx" @change="queryClick()" class="width100" filterable clearable 18 <el-select v-model="queryForm.qllx" @change="handleSelect('A8', 'qllxmc', 'qllx')" class="width100"
19 placeholder="请选择权利类型"> 19 filterable clearable placeholder="请选择权利类型">
20 <el-option v-for="item in dictData['A8']" :key="item.dcode" :label="item.dname" :value="item.dcode"> 20 <el-option v-for="item in dictData['A8']" :key="item.dcode" :label="item.dname" :value="item.dcode">
21 </el-option> 21 </el-option>
22 </el-select> 22 </el-select>
...@@ -24,8 +24,8 @@ ...@@ -24,8 +24,8 @@
24 </el-col> 24 </el-col>
25 <el-col :span="5"> 25 <el-col :span="5">
26 <el-form-item label="登记类型"> 26 <el-form-item label="登记类型">
27 <el-select v-model="queryForm.djlx" @change="queryClick()" class="width100" filterable clearable 27 <el-select v-model="queryForm.djlx" @change="handleSelect('A21', 'djlxmc', 'djlx')" class="width100"
28 placeholder="请选择登记类型"> 28 filterable clearable placeholder="请选择登记类型">
29 <el-option v-for="item in dictData['A21']" :key="item.dcode" :label="item.dname" :value="item.dcode"> 29 <el-option v-for="item in dictData['A21']" :key="item.dcode" :label="item.dname" :value="item.dcode">
30 </el-option> 30 </el-option>
31 </el-select> 31 </el-select>
...@@ -50,7 +50,7 @@ ...@@ -50,7 +50,7 @@
50 <ul> 50 <ul>
51 <li v-for="(item, index) in searchList" :key="index"> 51 <li v-for="(item, index) in searchList" :key="index">
52 {{ item.name }}:{{ item.value }} 52 {{ item.name }}:{{ item.value }}
53 <i class="el-icon-circle-close" @click="handelItem(index)"></i> 53 <i class="el-icon-circle-close" @click="handelItem(item, index)"></i>
54 </li> 54 </li>
55 </ul> 55 </ul>
56 <el-button class="clean-btn" type="text" v-if="searchList.length > 0" @click.native="hanldeCleanAll">清除全部 56 <el-button class="clean-btn" type="text" v-if="searchList.length > 0" @click.native="hanldeCleanAll">清除全部
...@@ -60,9 +60,10 @@ ...@@ -60,9 +60,10 @@
60 </div> 60 </div>
61 <!-- 表格 --> 61 <!-- 表格 -->
62 <div class="from-clues-content"> 62 <div class="from-clues-content">
63 <lb-table :page-size="pageData.size" class="loadingtext" :heightNum="300" @sort-change="handleSort" border 63 <lb-table :page-size="pageData.size" class="loadingtext" @sort-change="handleSort"
64 :current-page.sync="pageData.current" :total="pageData.total" @size-change="handleSizeChange" 64 :current-page.sync="pageData.currentPage" :heightNum="295" :total="tableData.total"
65 @p-current-change="handleCurrentChange" :column="tableData.columns" :data="tableData.data"> 65 @size-change="handleSizeChange" @p-current-change="handleCurrentChange" :column="tableData.columns"
66 :data="tableData.data">
66 </lb-table> 67 </lb-table>
67 </div> 68 </div>
68 <searchBox v-model="isSearch" @getSearch="getSearch" /> 69 <searchBox v-model="isSearch" @getSearch="getSearch" />
...@@ -94,10 +95,11 @@ export default { ...@@ -94,10 +95,11 @@ export default {
94 djlx: "", 95 djlx: "",
95 ywh: "", 96 ywh: "",
96 }, 97 },
97 pageData: { 98 searchForm: {
98 current: 1, 99 ywlymc: '',
99 size: 10, 100 qllxmc: '',
100 total: 2, 101 djlxmc: '',
102 ywh: ''
101 }, 103 },
102 tableData: { 104 tableData: {
103 total: 0, 105 total: 0,
...@@ -110,18 +112,20 @@ export default { ...@@ -110,18 +112,20 @@ export default {
110 // 列表渲染接口 112 // 列表渲染接口
111 queryClick () { 113 queryClick () {
112 this.$startLoading() 114 this.$startLoading()
113 searchTaskDone({ ...this.queryForm, ...this.pageData }, { 'target': '#ybxLoading' }).then(res => { 115 this.searchForm.ywh = this.queryForm.ywh
114 if (res.code === 200) { 116 this.iterationData()
117 searchTaskDone({ ...this.queryForm, ...this.pageData }).then(res => {
115 this.$endLoading() 118 this.$endLoading()
119 if (res.code === 200) {
116 let { total, records } = res.result 120 let { total, records } = res.result
117 this.pageData.total = total;
118 records.forEach(item => { 121 records.forEach(item => {
119 item.qlrmc = item.qlrmc.join(',') 122 item.qlrmc = item.qlrmc.join(',')
120 item.ywh = item.ywh.join(',') 123 item.ywh = item.ywh.join(',')
121 item.zl = item.zl.join(',') 124 item.zl = item.zl.join(',')
122 item.outstepdate = item.outstepdate[0] 125 item.outstepdate = item.outstepdate[0]
123 }) 126 })
124 this.tableData.data = records 127 this.tableData.total = total ? total : 0
128 this.tableData.data = records ? records : []
125 } 129 }
126 }) 130 })
127 }, 131 },
......
...@@ -97,7 +97,7 @@ export default { ...@@ -97,7 +97,7 @@ export default {
97 }, 97 },
98 fetchData () { 98 fetchData () {
99 this.queryForm.sqywbm = this.djywbm; 99 this.queryForm.sqywbm = this.djywbm;
100 selectQlxx({ ...this.queryForm, ...this.pageData }, { 'target': '#bdcql' }) 100 selectQlxx({ ...this.queryForm, ...this.pageData })
101 .then((res) => { 101 .then((res) => {
102 if (res.code === 200) { 102 if (res.code === 200) {
103 let { total, records } = res.result; 103 let { total, records } = res.result;
......
...@@ -7,27 +7,52 @@ ...@@ -7,27 +7,52 @@
7 <el-row> 7 <el-row>
8 <el-col :span="5"> 8 <el-col :span="5">
9 <el-form-item label="权利类型"> 9 <el-form-item label="权利类型">
10 <el-select v-model="queryForm.qllx" filterable clearable placeholder="请选择权利类型"> 10 <el-select
11 <el-option v-for="item in qllxs" :key="item.value" :label="item.label" :value="item.value"> 11 v-model="queryForm.qllx"
12 filterable
13 clearable
14 placeholder="请选择权利类型"
15 >
16 <el-option
17 v-for="item in qllxs"
18 :key="item.value"
19 :label="item.label"
20 :value="item.value"
21 >
12 </el-option> 22 </el-option>
13 </el-select> 23 </el-select>
14 </el-form-item> 24 </el-form-item>
15 </el-col> 25 </el-col>
16 <el-col :span="6"> 26 <el-col :span="6">
17 <el-form-item label="不动产单元号"> 27 <el-form-item label="不动产单元号">
18 <el-input placeholder="请输入不动产单元号" v-model="queryForm.bdcdyh" clearable class="width200px"> 28 <el-input
29 placeholder="请输入不动产单元号"
30 v-model="queryForm.bdcdyh"
31 clearable
32 class="width200px"
33 >
19 </el-input> 34 </el-input>
20 </el-form-item> 35 </el-form-item>
21 </el-col> 36 </el-col>
22 <el-col :span="5"> 37 <el-col :span="5">
23 <el-form-item label="业务号"> 38 <el-form-item label="业务号">
24 <el-input placeholder="请输入业务号" v-model="queryForm.ywh" clearable class="width200px"> 39 <el-input
40 placeholder="请输入业务号"
41 v-model="queryForm.ywh"
42 clearable
43 class="width200px"
44 >
25 </el-input> 45 </el-input>
26 </el-form-item> 46 </el-form-item>
27 </el-col> 47 </el-col>
28 <el-col :span="6"> 48 <el-col :span="6">
29 <el-form-item label="不动产权证号"> 49 <el-form-item label="不动产权证号">
30 <el-input placeholder="请输入不动产权证号" v-model="queryForm.bdcqzh" clearable class="width200px"> 50 <el-input
51 placeholder="请输入不动产权证号"
52 v-model="queryForm.bdcqzh"
53 clearable
54 class="width200px"
55 >
31 </el-input> 56 </el-input>
32 </el-form-item> 57 </el-form-item>
33 </el-col> 58 </el-col>
...@@ -41,10 +66,19 @@ ...@@ -41,10 +66,19 @@
41 </div> 66 </div>
42 <!-- 表格 --> 67 <!-- 表格 -->
43 <div class="from-clues-content"> 68 <div class="from-clues-content">
44 <lb-table ref="table" @row-click="handleRowClick" :page-size="pageData.pageSize" :heightNum="400" 69 <lb-table
45 :current-page.sync="pageData.currentPage" :total="tableData.total" @size-change="handleSizeChange" 70 ref="table"
46 @p-current-change="handleCurrentChange" @selection-change="handleSelectionChange" :column="tableData.columns" 71 @row-click="handleRowClick"
47 :data="tableData.data"> 72 :page-size="pageData.pageSize"
73 :heightNum="400"
74 :current-page.sync="pageData.currentPage"
75 :total="tableData.total"
76 @size-change="handleSizeChange"
77 @p-current-change="handleCurrentChange"
78 @selection-change="handleSelectionChange"
79 :column="tableData.columns"
80 :data="tableData.data"
81 >
48 </lb-table> 82 </lb-table>
49 </div> 83 </div>
50 <div class="submit_button"> 84 <div class="submit_button">
...@@ -63,14 +97,14 @@ export default { ...@@ -63,14 +97,14 @@ export default {
63 mixins: [table, jump], 97 mixins: [table, jump],
64 props: { 98 props: {
65 isJump: { type: Boolean, default: false }, 99 isJump: { type: Boolean, default: false },
66 djywbm: { type: String, default: '' }, 100 djywbm: { type: String, default: "" },
67 djqxObj: { 101 djqxObj: {
68 type: Object, 102 type: Object,
69 default: {} 103 default: {},
70 }, 104 },
71 bsmSqyw: { type: String, default: '' } 105 bsmSqyw: { type: String, default: "" },
72 }, 106 },
73 data () { 107 data() {
74 return { 108 return {
75 queryForm: defaultParameters.defaultParameters(), 109 queryForm: defaultParameters.defaultParameters(),
76 qllxs: [], 110 qllxs: [],
...@@ -79,33 +113,32 @@ export default { ...@@ -79,33 +113,32 @@ export default {
79 columns: datas.columns(), 113 columns: datas.columns(),
80 data: [], 114 data: [],
81 }, 115 },
82 bdcdysz: [] 116 bdcdysz: [],
83 }; 117 };
84 }, 118 },
85 mounted () { 119 mounted() {
86 sendThis(this) 120 sendThis(this);
87 }, 121 },
88 methods: { 122 methods: {
89 //点击行选中或取消复选框 123 //点击行选中或取消复选框
90 handleRowClick (row, column, event) { 124 handleRowClick(row, column, event) {
91 //通过ref绑定后这里使用$refs.table来操作bom元素 125 //通过ref绑定后这里使用$refs.table来操作bom元素
92 this.$refs.table.toggleRowSelection(row); 126 this.$refs.table.toggleRowSelection(row);
93 }, 127 },
94 closeDialog () { 128 closeDialog() {
95 this.$emit("closeDialog") 129 this.$emit("closeDialog");
96 }, 130 },
97 fetchData () { 131 fetchData() {
98 this.queryForm.sqywbm = this.djywbm; 132 this.queryForm.sqywbm = this.djywbm;
99 selectQlxx({ ...this.queryForm, ...this.pageData }) 133 selectQlxx({ ...this.queryForm, ...this.pageData }).then((res) => {
100 .then((res) => {
101 if (res.code === 200) { 134 if (res.code === 200) {
102 let { total, records } = res.result; 135 let { total, records } = res.result;
103 this.tableData.total = total; 136 this.tableData.total = total;
104 this.tableData.data = records; 137 this.tableData.data = records;
105 } 138 }
106 }) 139 });
107 }, 140 },
108 submitForm () { 141 submitForm() {
109 if (this.bdcdysz.length == 0) { 142 if (this.bdcdysz.length == 0) {
110 this.$message.error("请至少选择一条数据"); 143 this.$message.error("请至少选择一条数据");
111 return; 144 return;
...@@ -114,22 +147,31 @@ export default { ...@@ -114,22 +147,31 @@ export default {
114 bsmSqyw: this.bsmSqyw, 147 bsmSqyw: this.bsmSqyw,
115 bdcdysz: this.bdcdysz, 148 bdcdysz: this.bdcdysz,
116 djqxbm: this.djqxObj?.djqxbm, 149 djqxbm: this.djqxObj?.djqxbm,
117 djqxmc: this.djqxObj?.djqxmc 150 djqxmc: this.djqxObj?.djqxmc,
118 }).then((res) => { 151 }).then((res) => {
119 if (res.code == 200) { 152 if (res.code == 200) {
120 this.jump(res.result) 153 this.$message({
154 showClose: true,
155 message: '发起申请成功',
156 type: 'success'
157 })
158 if (!this.isJump) {
159 this.jump(res.result, this.djywbm)
160 } else {
161 this.$emit('updateDialog', true)
162 }
121 } else { 163 } else {
122 this.$message.error(res.message); 164 this.$message.error(res.message);
123 } 165 }
124 }); 166 });
125 }, 167 },
126 handleSelectionChange (val) { 168 handleSelectionChange(val) {
127 val.forEach((item, index) => { 169 val.forEach((item, index) => {
128 item.bsmSsql = item.bsmQlxx 170 item.bsmSsql = item.bsmQlxx;
129 item.ybdcqzsh = item.bdcqzh 171 item.ybdcqzsh = item.bdcqzh;
130 }) 172 });
131 this.bdcdysz = val 173 this.bdcdysz = val;
132 } 174 },
133 }, 175 },
134 }; 176 };
135 </script> 177 </script>
......
1 <template> 1 <template>
2 <!-- 抵押权利信息查询 -->
2 <div class="from-clues"> 3 <div class="from-clues">
3 <!-- 表单部分 --> 4 <!-- 表单部分 -->
4 <div class="from-clues-header"> 5 <div class="from-clues-header">
5 <el-form :model="queryForm" ref="queryForm" label-width="120px"> 6 <el-form :model="queryForm" ref="queryForm" label-width="100px">
6 <el-row> 7 <el-row>
7 <el-col :span="10"> 8 <el-col :span="5">
8 <el-form-item label="权利类型"> 9 <el-form-item label="权利类型">
9 <el-select v-model="queryForm.qllx" filterable clearable placeholder="请选择权利类型" class="width300px"> 10 <el-select
10 <el-option v-for="item in qllxs" :key="item.value" :label="item.label" :value="item.value"> 11 v-model="queryForm.qllx"
12 filterable
13 clearable
14 placeholder="请选择权利类型"
15 >
16 <el-option
17 v-for="item in qllxs"
18 :key="item.value"
19 :label="item.label"
20 :value="item.value"
21 >
11 </el-option> 22 </el-option>
12 </el-select> 23 </el-select>
13 </el-form-item> 24 </el-form-item>
14 </el-col> 25 </el-col>
15 <el-col :span="10"> 26 <el-col :span="6">
16 <el-form-item label="不动产单元号"> 27 <el-form-item label="不动产单元号">
17 <el-input placeholder="请输入不动产单元号" v-model="queryForm.bdcdyh" clearable class="width300px"> 28 <el-input
29 placeholder="请输入不动产单元号"
30 v-model="queryForm.bdcdyh"
31 clearable
32 class="width200px"
33 >
18 </el-input> 34 </el-input>
19 </el-form-item> 35 </el-form-item>
20 </el-col> 36 </el-col>
21 </el-row> 37 <el-col :span="5">
22 <el-row>
23 <el-col :span="10">
24 <el-form-item label="业务号"> 38 <el-form-item label="业务号">
25 <el-input placeholder="请输入业务号" v-model="queryForm.ywh" clearable class="width300px"> 39 <el-input
40 placeholder="请输入业务号"
41 v-model="queryForm.ywh"
42 clearable
43 class="width200px"
44 >
26 </el-input> 45 </el-input>
27 </el-form-item> 46 </el-form-item>
28 </el-col> 47 </el-col>
29 <el-col :span="10"> 48 <el-col :span="6">
30 <el-form-item label="不动产权证号"> 49 <el-form-item label="不动产权证号">
31 <el-input placeholder="请输入不动产权证号" v-model="queryForm.bdcqzh" clearable class="width300px"> 50 <el-input
51 placeholder="请输入不动产权证号"
52 v-model="queryForm.bdcqzh"
53 clearable
54 class="width200px"
55 >
32 </el-input> 56 </el-input>
33 </el-form-item> 57 </el-form-item>
34 </el-col> 58 </el-col>
...@@ -42,20 +66,30 @@ ...@@ -42,20 +66,30 @@
42 </div> 66 </div>
43 <!-- 表格 --> 67 <!-- 表格 -->
44 <div class="from-clues-content"> 68 <div class="from-clues-content">
45 <lb-table ref="table" @row-click="handleRowClick" :page-size="pageData.pageSize" :heightNum="400" 69 <lb-table
46 :current-page.sync="pageData.currentPage" :total="tableData.total" @size-change="handleSizeChange" 70 ref="table"
47 @p-current-change="handleCurrentChange" @selection-change="handleSelectionChange" :column="tableData.columns" 71 @row-click="handleRowClick"
48 :data="tableData.data"> 72 :page-size="pageData.pageSize"
73 :heightNum="400"
74 :current-page.sync="pageData.currentPage"
75 :total="tableData.total"
76 @size-change="handleSizeChange"
77 @p-current-change="handleCurrentChange"
78 @selection-change="handleSelectionChange"
79 :column="tableData.columns"
80 :data="tableData.data"
81 >
49 </lb-table> 82 </lb-table>
50 </div> 83 </div>
51 <div class="submit_button"> 84 <div class="submit_button">
52 <el-button @click="closeDialog">取消</el-button> 85 <el-button @click="closeDialog">取消</el-button>
53 <el-button type="primary" plain @click="submitForm">发起申请</el-button> 86 <el-button type="primary" plain @click="submitFormClick()"
87 >发起申请</el-button
88 >
54 </div> 89 </div>
55 </div> 90 </div>
56 </template> 91 </template>
57 <script> 92 <script>
58 //抵押权首次登记
59 import { datas, sendThis } from "../javascript/diyaq.js"; 93 import { datas, sendThis } from "../javascript/diyaq.js";
60 import { defaultParameters } from "../javascript/publicDefaultPar.js"; 94 import { defaultParameters } from "../javascript/publicDefaultPar.js";
61 import table from "@/utils/mixin/table"; 95 import table from "@/utils/mixin/table";
...@@ -65,14 +99,14 @@ export default { ...@@ -65,14 +99,14 @@ export default {
65 mixins: [table, jump], 99 mixins: [table, jump],
66 props: { 100 props: {
67 isJump: { type: Boolean, default: false }, 101 isJump: { type: Boolean, default: false },
68 djywbm: { type: String, default: '' }, 102 djywbm: { type: String, default: "" },
69 djqxObj: { 103 djqxObj: {
70 type: Object, 104 type: Object,
71 default: {} 105 default: {},
72 }, 106 },
73 bsmSqyw: { type: String, default: '' }, 107 bsmSqyw: { type: String, default: "" },
74 }, 108 },
75 data () { 109 data() {
76 return { 110 return {
77 queryForm: defaultParameters.defaultParameters(), 111 queryForm: defaultParameters.defaultParameters(),
78 qllxs: [], 112 qllxs: [],
...@@ -81,22 +115,22 @@ export default { ...@@ -81,22 +115,22 @@ export default {
81 columns: datas.columns(), 115 columns: datas.columns(),
82 data: [], 116 data: [],
83 }, 117 },
84 bdcdysz: [] 118 bdcdysz: [],
85 }; 119 };
86 }, 120 },
87 mounted () { 121 mounted() {
88 sendThis(this); 122 sendThis(this);
89 }, 123 },
90 methods: { 124 methods: {
91 //点击行选中或取消复选框 125 //点击行选中或取消复选框
92 handleRowClick (row, column, event) { 126 handleRowClick(row, column, event) {
93 //通过ref绑定后这里使用$refs.table来操作bom元素 127 //通过ref绑定后这里使用$refs.table来操作bom元素
94 this.$refs.table.toggleRowSelection(row); 128 this.$refs.table.toggleRowSelection(row);
95 }, 129 },
96 closeDialog () { 130 closeDialog() {
97 this.$emit("closeDialog"); 131 this.$emit("closeDialog");
98 }, 132 },
99 fetchData () { 133 fetchData() {
100 this.queryForm.sqywbm = this.djywbm; 134 this.queryForm.sqywbm = this.djywbm;
101 selectDiyaq({ ...this.queryForm, ...this.pageData }).then((res) => { 135 selectDiyaq({ ...this.queryForm, ...this.pageData }).then((res) => {
102 if (res.code === 200) { 136 if (res.code === 200) {
...@@ -104,9 +138,9 @@ export default { ...@@ -104,9 +138,9 @@ export default {
104 this.tableData.total = total; 138 this.tableData.total = total;
105 this.tableData.data = records; 139 this.tableData.data = records;
106 } 140 }
107 }) 141 });
108 }, 142 },
109 submitForm () { 143 submitFormClick() {
110 if (this.bdcdysz.length == 0) { 144 if (this.bdcdysz.length == 0) {
111 this.$message.error("请至少选择一条数据"); 145 this.$message.error("请至少选择一条数据");
112 return; 146 return;
...@@ -115,33 +149,33 @@ export default { ...@@ -115,33 +149,33 @@ export default {
115 bsmSqyw: this.bsmSqyw, 149 bsmSqyw: this.bsmSqyw,
116 bdcdysz: this.bdcdysz, 150 bdcdysz: this.bdcdysz,
117 djqxbm: this.djqxObj?.djqxbm, 151 djqxbm: this.djqxObj?.djqxbm,
118 djqxmc: this.djqxObj?.djqxmc 152 djqxmc: this.djqxObj?.djqxmc,
119 }).then((res) => { 153 }).then((res) => {
120 if (res.code == 200) { 154 if (res.code == 200) {
121 this.$message({ 155 this.$message({
122 showClose: true, 156 showClose: true,
123 message: '发起申请成功', 157 message: "发起申请成功",
124 type: 'success' 158 type: "success",
125 }) 159 });
126 if (!this.isJump) { 160 if (!this.isJump) {
127 this.jump(res.result, this.djywbm) 161 this.jump(res.result, this.djywbm);
128 } else { 162 } else {
129 this.$emit('updateDialog', true) 163 this.$emit("updateDialog", true);
130 } 164 }
131 } else { 165 } else {
132 this.$message.error(res.message); 166 this.$message.error(res.message);
133 } 167 }
134 }); 168 });
135 }, 169 },
136 handleSelectionChange (val) { 170 handleSelectionChange(val) {
137 val.forEach((item, index) => { 171 val.forEach((item, index) => {
138 item.bsmSsql = item.bsmQlxx 172 item.bsmSsql = item.bsmQlxx;
139 item.ybdcqzsh = item.bdcqzh 173 item.ybdcqzsh = item.bdcqzh;
140 }) 174 });
141 this.bdcdysz = val; 175 this.bdcdysz = val;
142 } 176 },
143 } 177 },
144 } 178 };
145 </script> 179 </script>
146 <style scoped lang="scss"> 180 <style scoped lang="scss">
147 @import "~@/styles/mixin.scss"; 181 @import "~@/styles/mixin.scss";
......