Skip to content

bdc / bdcdj-web

Go to a project
Toggle navigation
Toggle navigation pinning
25df053f by 任超
Options

Merge branch 'master' of http://yun.pashanhoo.com:9090/bdc/bdcdj-web

2 parents 27699d38 eae4b97e
Inline Side-by-side
Showing 8 changed files with 263 additions and 65 deletions
1 import request from '@/utils/request' 1 import request from '@/utils/request'
2 /* 2
3 业务办理-获取收藏业务集合 3
4 */ 4 // 转出
5 export function completeTask (data) {
6 return request({
7 url: '/business/workFlow/completeTask',
8 method: 'post',
9 data
10 })
11 }
12 // 获取左侧列表
13 export function leftMenu (data) {
14 return request({
15 url: '/ywbl/tdsyqlr/leftMenu',
16 method: 'post',
17 data
18 })
19 }
20
21 // 受理信息返显接口
5 export function Init (data) { 22 export function Init (data) {
6 return request({ 23 return request({
7 url: '/ywbl/tdsyqlr/Init', 24 url: '/ywbl/tdsyqlr/Init',
......
...@@ -7,7 +7,7 @@ ...@@ -7,7 +7,7 @@
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" filterable clearable placeholder="请选择业务来源"> 9 <el-select v-model="queryForm.ywly" filterable clearable placeholder="请选择业务来源">
10 <el-option v-for="item in dictData['ywly']" :key="item.dcode" :label="item.dname" :value="item.dcode"> 10 <el-option v-for="item in dictData['ywly']" :key="item.value" :label="item.label" :value="item.value">
11 </el-option> 11 </el-option>
12 </el-select> 12 </el-select>
13 </el-form-item> 13 </el-form-item>
...@@ -15,7 +15,7 @@ ...@@ -15,7 +15,7 @@
15 <el-col :span="5"> 15 <el-col :span="5">
16 <el-form-item label="权利类型"> 16 <el-form-item label="权利类型">
17 <el-select v-model="queryForm.qllx" filterable clearable placeholder="请选择权利类型"> 17 <el-select v-model="queryForm.qllx" filterable clearable placeholder="请选择权利类型">
18 <el-option v-for="item in dictData['A8']" :key="item.dcode" :label="item.dname" :value="item.dcode"> 18 <el-option v-for="item in dictData['A8']" :key="item.value" :label="item.label" :value="item.value">
19 </el-option> 19 </el-option>
20 </el-select> 20 </el-select>
21 </el-form-item> 21 </el-form-item>
...@@ -23,7 +23,7 @@ ...@@ -23,7 +23,7 @@
23 <el-col :span="5"> 23 <el-col :span="5">
24 <el-form-item label="登记类型"> 24 <el-form-item label="登记类型">
25 <el-select v-model="queryForm.djlx" filterable clearable placeholder="请选择登记类型"> 25 <el-select v-model="queryForm.djlx" filterable clearable placeholder="请选择登记类型">
26 <el-option v-for="item in dictData['A21']" :key="item.dcode" :label="item.dname" :value="item.dcode"> 26 <el-option v-for="item in dictData['A21']" :key="item.value" :label="item.label" :value="item.value">
27 </el-option> 27 </el-option>
28 </el-select> 28 </el-select>
29 </el-form-item> 29 </el-form-item>
......
...@@ -55,20 +55,31 @@ ...@@ -55,20 +55,31 @@
55 </div> 55 </div>
56 </template> 56 </template>
57 <script> 57 <script>
58 import { mapGetters } from 'vuex'
59 import table from "@/utils/mixin/table"; 58 import table from "@/utils/mixin/table";
60 import { datas, sendThis } from "./dbxdata"; 59 import { datas, sendThis } from "./dbxdata";
61 import { searchTaskToDo } from "@/api/ywbl.js" 60 import { searchTaskToDo } from "@/api/ywbl.js"
61 import { mapGetters } from 'vuex'
62 export default { 62 export default {
63 name: "dbx", 63 name: "dbx",
64 components: {}, 64 components: {},
65 mixins: [table], 65 mixins: [table],
66 mounted () {
67 sendThis(this);
68 },
69 computed: { 66 computed: {
70 ...mapGetters(['dictData']), 67 ...mapGetters(['dictData']),
71 }, 68 },
69 mounted () {
70 sendThis(this);
71 let that = this
72 document.addEventListener('visibilitychange', function() {
73 var isHidden = document.hidden;
74 if (isHidden) {//切离该页面时执行
75 //页面切换时，处理逻辑
76 } else {//切换到该页面时执行
77 console.log('让我看看')
78 that.fetchData()
79 }
80 });
81 },
82
72 data () { 83 data () {
73 return { 84 return {
74 queryForm: { 85 queryForm: {
......
...@@ -85,14 +85,6 @@ class data extends filter { ...@@ -85,14 +85,6 @@ class data extends filter {
85 ] 85 ]
86 } 86 }
87 87
88 ywlys () {
89 return [
90 { value: 1, label: "办事大厅" },
91 { value: 2, label: "微信小程序" },
92 { value: 3, label: "法院端" },
93 { value: 4, label: "银行端" },
94 ]
95 }
96 88
97 } 89 }
98 let datas = new data() 90 let datas = new data()
......
...@@ -6,17 +6,17 @@ ...@@ -6,17 +6,17 @@
6 <el-row :gutter="10"> 6 <el-row :gutter="10">
7 <el-col :span="8"> 7 <el-col :span="8">
8 <el-form-item label="业务号：" prop="ywh"> 8 <el-form-item label="业务号：" prop="ywh">
9 <el-input v-model="ruleForm.ywh"></el-input> 9 <el-input disabled v-model="ruleForm.ywh"></el-input>
10 </el-form-item> 10 </el-form-item>
11 </el-col> 11 </el-col>
12 <el-col :span="8"> 12 <el-col :span="8">
13 <el-form-item label="受理人员：" prop="slry"> 13 <el-form-item label="受理人员：" prop="slry">
14 <el-input v-model="ruleForm.slry"></el-input> 14 <el-input disabled v-model="ruleForm.slry"></el-input>
15 </el-form-item> 15 </el-form-item>
16 </el-col> 16 </el-col>
17 <el-col :span="8"> 17 <el-col :span="8">
18 <el-form-item label="使用权结束时间：" prop="slsj"> 18 <el-form-item label="使用权结束时间：" prop="slsj">
19 <el-date-picker v-model="ruleForm.slsj" type="datetime" placeholder="选择结束时间" value-format="yyyy-MM-dd"> 19 <el-date-picker disabled v-model="ruleForm.slsj" type="datetime" placeholder="选择结束时间" value-format="yyyy-MM-dd">
20 </el-date-picker> 20 </el-date-picker>
21 </el-form-item> 21 </el-form-item>
22 </el-col> 22 </el-col>
...@@ -24,23 +24,23 @@ ...@@ -24,23 +24,23 @@
24 <el-row :gutter="10"> 24 <el-row :gutter="10">
25 <el-col :span="8"> 25 <el-col :span="8">
26 <el-form-item label="权利类型：" prop="qllx"> 26 <el-form-item label="权利类型：" prop="qllx">
27 <el-select v-model="ruleForm.qllx" filterable clearable placeholder="请选择权利类型"> 27 <el-select disabled v-model="ruleForm.qllx" filterable clearable placeholder="请选择权利类型">
28 <el-option v-for="item in qllxOption" :key="item.value" :label="item.label" :value="item.value"> 28 <el-option v-for="item in dictData['A8']" :key="item.dcode" :label="item.dname" :value="item.dcode">
29 </el-option> 29 </el-option>
30 </el-select> 30 </el-select>
31 </el-form-item> 31 </el-form-item>
32 </el-col> 32 </el-col>
33 <el-col :span="8"> 33 <el-col :span="8">
34 <el-form-item label="登记类型：" prop="djlx"> 34 <el-form-item label="登记类型：" prop="djlx">
35 <el-select v-model="ruleForm.djlx" filterable clearable placeholder="请选择登记类型"> 35 <el-select disabled v-model="ruleForm.djlx" filterable clearable placeholder="请选择登记类型">
36 <el-option v-for="item in djlxOption" :key="item.value" :label="item.label" :value="item.value"> 36 <el-option v-for="item in dictData['A21']" :key="item.dcode" :label="item.dname" :value="item.dcode">
37 </el-option> 37 </el-option>
38 </el-select> 38 </el-select>
39 </el-form-item> 39 </el-form-item>
40 </el-col> 40 </el-col>
41 <el-col :span="8"> 41 <el-col :span="8">
42 <el-form-item label="登记情形：" prop="djqx"> 42 <el-form-item label="登记情形：" prop="djqx">
43 <el-select v-model="ruleForm.djqx" filterable clearable placeholder="请选择登记情形"> 43 <el-select disabled v-model="ruleForm.djqx" filterable clearable placeholder="请选择登记情形">
44 <el-option v-for="item in djqxOption" :key="item.value" :label="item.label" :value="item.value"> 44 <el-option v-for="item in djqxOption" :key="item.value" :label="item.label" :value="item.value">
45 </el-option> 45 </el-option>
46 </el-select> 46 </el-select>
...@@ -51,17 +51,17 @@ ...@@ -51,17 +51,17 @@
51 <el-row :gutter="10"> 51 <el-row :gutter="10">
52 <el-col :span="8"> 52 <el-col :span="8">
53 <el-form-item label="宗地代码：" prop="zddm"> 53 <el-form-item label="宗地代码：" prop="zddm">
54 <el-input v-model="ruleForm.zddm"></el-input> 54 <el-input disabled v-model="ruleForm.zddm"></el-input>
55 </el-form-item> 55 </el-form-item>
56 </el-col> 56 </el-col>
57 <el-col :span="8"> 57 <el-col :span="8">
58 <el-form-item label="不动产单元号：" prop="bdcdyh"> 58 <el-form-item label="不动产单元号：" prop="bdcdyh">
59 <el-input v-model="ruleForm.bdcdyh"></el-input> 59 <el-input disabled v-model="ruleForm.bdcdyh"></el-input>
60 </el-form-item> 60 </el-form-item>
61 </el-col> 61 </el-col>
62 <el-col :span="8"> 62 <el-col :span="8">
63 <el-form-item label="权利性质：" prop="qlxz"> 63 <el-form-item label="权利性质：" prop="qlxz">
64 <el-select v-model="ruleForm.qlxz" filterable clearable placeholder="请选择登记情形"> 64 <el-select disabled v-model="ruleForm.qlxz" filterable clearable placeholder="请选择权利性质">
65 <el-option v-for="item in qlxzOption" :key="item.value" :label="item.label" :value="item.value"> 65 <el-option v-for="item in qlxzOption" :key="item.value" :label="item.label" :value="item.value">
66 </el-option> 66 </el-option>
67 </el-select> 67 </el-select>
...@@ -71,19 +71,19 @@ ...@@ -71,19 +71,19 @@
71 <el-row :gutter="10"> 71 <el-row :gutter="10">
72 <el-col :span="8"> 72 <el-col :span="8">
73 <el-form-item label="宗地面积：" prop="zdmj"> 73 <el-form-item label="宗地面积：" prop="zdmj">
74 <el-input v-model="ruleForm.zdmj"></el-input> 74 <el-input disabled v-model="ruleForm.zdmj"></el-input>
75 </el-form-item> 75 </el-form-item>
76 </el-col> 76 </el-col>
77 <el-col :span="16"> 77 <el-col :span="16">
78 <el-form-item label="坐落：" prop="zl"> 78 <el-form-item label="坐落：" prop="zl">
79 <el-input style="width: 100%" v-model="ruleForm.zl"></el-input> 79 <el-input disabled style="width: 100%" v-model="ruleForm.zl"></el-input>
80 </el-form-item> 80 </el-form-item>
81 </el-col> 81 </el-col>
82 </el-row> 82 </el-row>
83 <el-row :gutter="10"> 83 <el-row :gutter="10">
84 <el-col :span="8"> 84 <el-col :span="8">
85 <el-form-item label="土地用途：" prop="tdyt"> 85 <el-form-item label="土地用途：" prop="tdyt">
86 <el-select v-model="ruleForm.tdyt" filterable clearable placeholder="请选择登记情形"> 86 <el-select disabled v-model="ruleForm.tdyt" filterable clearable placeholder="请选择土地用途">
87 <el-option v-for="item in tdytOption" :key="item.value" :label="item.label" :value="item.value"> 87 <el-option v-for="item in tdytOption" :key="item.value" :label="item.label" :value="item.value">
88 </el-option> 88 </el-option>
89 </el-select> 89 </el-select>
...@@ -91,7 +91,7 @@ ...@@ -91,7 +91,7 @@
91 </el-col> 91 </el-col>
92 <el-col :span="8"> 92 <el-col :span="8">
93 <el-form-item label="权利设定方式：" prop="qlsdfs"> 93 <el-form-item label="权利设定方式：" prop="qlsdfs">
94 <el-select v-model="ruleForm.qlsdfs" filterable clearable placeholder="请选择登记情形"> 94 <el-select disabled v-model="ruleForm.qlsdfs" filterable clearable placeholder="请选择权利设定方式">
95 <el-option v-for="item in qlsdfsOption" :key="item.value" :label="item.label" :value="item.value"> 95 <el-option v-for="item in qlsdfsOption" :key="item.value" :label="item.label" :value="item.value">
96 </el-option> 96 </el-option>
97 </el-select> 97 </el-select>
...@@ -99,26 +99,26 @@ ...@@ -99,26 +99,26 @@
99 </el-col> 99 </el-col>
100 <el-col :span="8"> 100 <el-col :span="8">
101 <el-form-item label="取得价格：" prop="qdjg"> 101 <el-form-item label="取得价格：" prop="qdjg">
102 <el-input v-model="ruleForm.qdjg"></el-input> 102 <el-input disabled v-model="ruleForm.qdjg"></el-input>
103 </el-form-item> 103 </el-form-item>
104 </el-col> 104 </el-col>
105 </el-row> 105 </el-row>
106 <el-row :gutter="10"> 106 <el-row :gutter="10">
107 <el-col :span="8"> 107 <el-col :span="8">
108 <el-form-item label="使用权起始时间：" prop="syqqssj"> 108 <el-form-item label="使用权起始时间：" prop="syqqssj">
109 <el-date-picker v-model="ruleForm.syqqssj" type="datetime" placeholder="选择起始时间" value-format="yyyy-MM-dd"> 109 <el-date-picker disabled v-model="ruleForm.syqqssj" type="datetime" placeholder="选择起始时间" value-format="yyyy-MM-dd">
110 </el-date-picker> 110 </el-date-picker>
111 </el-form-item> 111 </el-form-item>
112 </el-col> 112 </el-col>
113 <el-col :span="8"> 113 <el-col :span="8">
114 <el-form-item label="使用权结束时间：" prop="syqjssj"> 114 <el-form-item label="使用权结束时间：" prop="syqjssj">
115 <el-date-picker v-model="ruleForm.syqjssj" type="datetime" placeholder="选择结束时间" value-format="yyyy-MM-dd"> 115 <el-date-picker disabled v-model="ruleForm.syqjssj" type="datetime" placeholder="选择结束时间" value-format="yyyy-MM-dd">
116 </el-date-picker> 116 </el-date-picker>
117 </el-form-item> 117 </el-form-item>
118 </el-col> 118 </el-col>
119 <el-col :span="8"> 119 <el-col :span="8">
120 <el-form-item label="使用期限：" prop="syqx"> 120 <el-form-item label="使用期限：" prop="syqx">
121 <el-date-picker v-model="ruleForm.syqx" type="datetime" placeholder="选择使用期限" value-format="yyyy-MM-dd"> 121 <el-date-picker disabled v-model="ruleForm.syqx" type="datetime" placeholder="选择使用期限" value-format="yyyy-MM-dd">
122 </el-date-picker> 122 </el-date-picker>
123 </el-form-item> 123 </el-form-item>
124 </el-col> 124 </el-col>
...@@ -134,7 +134,7 @@ ...@@ -134,7 +134,7 @@
134 <el-row :gutter="10"> 134 <el-row :gutter="10">
135 <el-col> 135 <el-col>
136 <el-form-item label="共有方式："> 136 <el-form-item label="共有方式：">
137 <el-radio-group v-model="ruleForm.gyfs"> 137 <el-radio-group disabled v-model="ruleForm.gyfs">
138 <el-radio label="单独所有"></el-radio> 138 <el-radio label="单独所有"></el-radio>
139 <el-radio label="共同共有"></el-radio> 139 <el-radio label="共同共有"></el-radio>
140 <el-radio label="按份所有"></el-radio> 140 <el-radio label="按份所有"></el-radio>
...@@ -165,6 +165,8 @@ ...@@ -165,6 +165,8 @@
165 </template> 165 </template>
166 <script> 166 <script>
167 import InformationTable from './InformationTable' 167 import InformationTable from './InformationTable'
168 import { Init } from "@/api/fqsq.js"
169 import { mapGetters } from 'vuex'
168 export default { 170 export default {
169 /**注册组件*/ 171 /**注册组件*/
170 components: { InformationTable }, 172 components: { InformationTable },
...@@ -174,8 +176,12 @@ export default { ...@@ -174,8 +176,12 @@ export default {
174 default: false 176 default: false
175 } 177 }
176 }, 178 },
179 computed: {
180 ...mapGetters(['dictData']),
181 },
177 data () { 182 data () {
178 return { 183 return {
184 disabled: true,
179 flag: this.flag, 185 flag: this.flag,
180 flagTop: this.flag ? 'top' : '', 186 flagTop: this.flag ? 'top' : '',
181 qllxOption: [], 187 qllxOption: [],
...@@ -213,8 +219,19 @@ export default { ...@@ -213,8 +219,19 @@ export default {
213 } 219 }
214 }; 220 };
215 }, 221 },
216
217 methods: { 222 methods: {
223 list(bsmSldy){
224 var formdata=new FormData();
225 //可以通过append()方法来追加数据
226 formdata.append("bsmSldy",bsmSldy);
227 Init(formdata).then(res => {
228 if (res.code === 200) {
229 console.log(res,1111)
230
231 this.ruleForm = res.result
232 }
233 })
234 },
218 onSubmit () { }, 235 onSubmit () { },
219 }, 236 },
220 } 237 }
......
1 <template>
2 <dialogBox title="转出" @submitForm="submitForm" :saveloding="saveloding" saveButton="确认转出" width="45%"
3 height='30%' @closeDialog="closeDialog" v-model="value">
4 <div class="from-clues">
5 <!-- 表单部分 -->
6 <div class="from-clues-header">
7 <lb-table :column="columns" border :key="key" :heightNum="390" :pagination="false" heightNumSetting
8 :data="tableData">
9 </lb-table>
10 <el-form :model="queryForm" ref="queryForm" label-width="120px">
11 <el-form-item label="退回意见:">
12 <el-input type="textarea" v-model="queryForm.shyj"></el-input>
13 </el-form-item>
14 </el-form>
15 </div>
16 </div>
17 </dialogBox>
18 </template>
19
20 <script>
21 import { completeTask } from "@/api/fqsq.js"
22 export default {
23 components: {
24 },
25 props: {
26 value: { type: Boolean, default: false },
27 queryForm:{type:Object,default:false}
28 },
29 data () {
30 return {
31 saveloding:false,
32 columns:[
33 {
34 label: '',
35 align: 'center',
36 render: (h, scope) => {
37 return <el-radio-group> <el-radio label="3">备选项</el-radio></el-radio-group>
38 }
39 },
40 {
41 prop: "thhjmc",
42 label: "退回环节名称",
43 },
44 {
45 prop: "blr",
46 label: "办理人",
47 },
48
49 ],
50 tableData:[],
51 radio:3
52 }
53 },
54 methods: {
55 submitForm () {
56
57 },
58 closeDialog () {
59 this.$emit("input", false);
60 },
61 }
62 }
63 </script>
64 <style scoped lang="scss">
65 @import "~@/styles/mixin.scss";
66
67 </style>
1 <template>
2 <dialogBox title="转出" @submitForm="submitForm" :saveloding="saveloding" saveButton="确认转出" width="45%"
3 height='30%' @closeDialog="closeDialog" v-model="value">
4 <div class="from-clues">
5 <!-- 表单部分 -->
6 <div class="from-clues-header">
7 <el-form :model="queryForm" ref="queryForm" label-width="120px">
8 <el-form-item label="下一环节名称:">
9 代码审查
10 </el-form-item>
11 <el-form-item label="下一环节办理人:">
12 赵小千
13 </el-form-item>
14 <el-form-item label="审批意见:">
15 <el-input type="textarea" v-model="queryForm.shyj"></el-input>
16 </el-form-item>
17 </el-form>
18 </div>
19 </div>
20 </dialogBox>
21 </template>
22
23 <script>
24 import { completeTask } from "@/api/fqsq.js"
25 export default {
26 components: {
27 },
28 props: {
29 value: { type: Boolean, default: false },
30 queryForm:{type:Object,default:false}
31 },
32 data () {
33 return {
34 saveloding:false,
35 }
36 },
37 methods: {
38 submitForm () {
39 completeTask(this.queryForm).then(res => {
40 console.log(res)
41 if (res.code === 200) {
42 console.log(res,555)
43 window.opener = null;
44 window.open("about:blank", "_self");
45 window.close();
46 this.$emit('input', false)
47
48 }
49 })
50 },
51 closeDialog () {
52 this.$emit("input", false);
53 },
54 }
55 }
56 </script>
57 <style scoped lang="scss">
58 @import "~@/styles/mixin.scss";
59
60 </style>
...@@ -9,7 +9,7 @@ ...@@ -9,7 +9,7 @@
9 </li> 9 </li>
10 </ul> 10 </ul>
11 <ul> 11 <ul>
12 <li @click="operation(index)" v-for="(item, index) in headerleftList.slice(-4)" :key="index"> 12 <li @click="operation(index,item)" v-for="(item, index) in headerleftList.slice(-4)" :key="index">
13 <svg-icon class="icon" :icon-class="item.icon" /> 13 <svg-icon class="icon" :icon-class="item.icon" />
14 <span class="iconName">{{ item.name }}</span> 14 <span class="iconName">{{ item.name }}</span>
15 </li> 15 </li>
...@@ -18,7 +18,7 @@ ...@@ -18,7 +18,7 @@
18 <div class="tabsList"> 18 <div class="tabsList">
19 <div class="tabsList-left" > 19 <div class="tabsList-left" >
20 <div class="map-drawer-click" 20 <div class="map-drawer-click"
21 v-if='isShowdrawer' 21 v-if='!isShowdrawer'
22 @click=" () => { 22 @click=" () => {
23 this.isShowdrawer = !this.isShowdrawer;}"> 23 this.isShowdrawer = !this.isShowdrawer;}">
24 </div> 24 </div>
...@@ -28,13 +28,11 @@ ...@@ -28,13 +28,11 @@
28 this.isShowdrawer = !this.isShowdrawer;}"> 28 this.isShowdrawer = !this.isShowdrawer;}">
29 </div> 29 </div>
30 <ul v-if='this.isShowdrawer'> 30 <ul v-if='this.isShowdrawer'>
31 <p>受理单元列表(3)</p> 31 <p>受理单元列表({{unitData.length}})</p>
32 <li>610100102104GB00004W00000000</li> 32 <div v-for='(item,index) in unitData' :key='index'>
33 <div class="xian"></div> 33 <li @click='unitClick(item)'>{{item.bdcdyh}}</li>
34 <li>610100102104GB00004W00000000</li>
35 <div class="xian"></div>
36 <li>610100102104GB00004W00000000</li>
37 <div class="xian"></div> 34 <div class="xian"></div>
35 </div>
38 </ul> 36 </ul>
39 </div> 37 </div>
40 <div class="tabsList-right" > 38 <div class="tabsList-right" >
...@@ -44,24 +42,31 @@ ...@@ -44,24 +42,31 @@
44 </div> 42 </div>
45 <el-tabs v-model="activeName"> 43 <el-tabs v-model="activeName">
46 <el-tab-pane :label="item.name" :name="index + 1 + ''" v-for="(item, index) in tabList" :key="index"> 44 <el-tab-pane :label="item.name" :name="index + 1 + ''" v-for="(item, index) in tabList" :key="index">
47 <div class="splitScreen-con"> 45 <div class="splitScreen-con" v-if='index==0'>
48 <component :is="editItem" :flag="flag" :key="key" /> 46 <component ref='slxx' :is="editItem" :flag="flag" :key="key" />
49 </div> 47 </div>
50 </el-tab-pane> 48 </el-tab-pane>
51 </el-tabs></div> 49 </el-tabs></div>
52
53 </div> 50 </div>
54 51 <zc v-model="zcDialog" :queryForm='queryForm' />
55 52 <thDialog v-model="thflag" />
56 </div> 53 </div>
57 </template> 54 </template>
58 <script> 55 <script>
59 import { Init } from "@/api/fqsq.js" 56 import { leftMenu } from "@/api/fqsq.js"
57 import zc from "./components/zc.vue"
58 import thDialog from "./components/th.vue"
60 export default { 59 export default {
61 /**注册组件*/ 60 /**注册组件*/
62 components: {}, 61 components: {zc,thDialog},
63 data () { 62 data () {
64 return { 63 return {
64 zcDialog:false,
65 thflag:false,
66 queryForm:{
67 shyj:"",
68 bsmSlsq:"",
69 },
65 isShowdrawer: true, 70 isShowdrawer: true,
66 key: 0, 71 key: 0,
67 flag: false, 72 flag: false,
...@@ -131,7 +136,8 @@ export default { ...@@ -131,7 +136,8 @@ export default {
131 ], 136 ],
132 tabList: [], 137 tabList: [],
133 editItem: '', 138 editItem: '',
134 issplitScreen: false 139 issplitScreen: false,
140 unitData:[],
135 }; 141 };
136 }, 142 },
137 watch: { 143 watch: {
...@@ -144,20 +150,38 @@ export default { ...@@ -144,20 +150,38 @@ export default {
144 } 150 }
145 }, 151 },
146 created () { 152 created () {
153
147 this.tabList = [...this.tabList1] 154 this.tabList = [...this.tabList1]
148 this.list() 155
156 },
157 mounted(){
158 if(this.$route.query.bsmSlsq){
159 this.list(this.$route.query.bsmSlsq)
160 this.queryForm.bsmSlsq = this.$route.query.bsmSlsq
161 }
149 }, 162 },
150 methods: { 163 methods: {
151 list(){ 164 // 获取左侧列表
165 list(id){
166 let that = this
152 var formdata=new FormData(); 167 var formdata=new FormData();
153 //可以通过append()方法来追加数据 168 formdata.append("bsmSlsq",id);
154 formdata.append("bsmSldy","bf2bbedc18dce9ff1143be9f1496da39"); 169 leftMenu(formdata).then(res => {
155 Init(formdata).then(res => {
156 if (res.code === 200) { 170 if (res.code === 200) {
157 console.log(res,1111) 171 this.unitData = res.result
172 setTimeout(() => {
173 that.$refs.slxx[0].list(that.unitData[0].bsmSldy)
174 }, 300);
158 } 175 }
159 }) 176 })
160 }, 177 },
178 // 左侧列表点击调用接口
179 unitClick(item){
180
181 this.$nextTick(()=>{
182 this.$refs.slxx[0].list(item.bsmSldy)
183 })
184 },
161 operation (index, item) { 185 operation (index, item) {
162 if (item.icon == 'fqsq5') { 186 if (item.icon == 'fqsq5') {
163 this.key++ 187 this.key++
...@@ -168,14 +192,21 @@ formdata.append("bsmSldy","bf2bbedc18dce9ff1143be9f1496da39"); ...@@ -168,14 +192,21 @@ formdata.append("bsmSldy","bf2bbedc18dce9ff1143be9f1496da39");
168 } else { 192 } else {
169 this.tabList = [...this.tabList1] 193 this.tabList = [...this.tabList1]
170 } 194 }
195 }else if(item.icon=='fqsq8'){
196 this.thflag = true
197 }
198 else if(item.icon=='fqsq9'){
199 this.zcDialog = true
171 } 200 }
172 // if (index == 3) { 201 // if (index == 3) {
173 // window.close() 202 // window.close()
174 // } 203 // }
175 }, 204 },
205
176 loadView (view) { 206 loadView (view) {
177 return r => require.ensure([], () => r(require(`./components/${view}.vue`))) 207 return r => require.ensure([], () => r(require(`./components/${view}.vue`)))
178 }, 208 },
209
179 }, 210 },
180 } 211 }
181 </script> 212 </script>
...@@ -206,7 +237,7 @@ formdata.append("bsmSldy","bf2bbedc18dce9ff1143be9f1496da39"); ...@@ -206,7 +237,7 @@ formdata.append("bsmSldy","bf2bbedc18dce9ff1143be9f1496da39");
206 padding: 0; 237 padding: 0;
207 box-sizing: border-box; 238 box-sizing: border-box;
208 background-color: #ffffff; 239 background-color: #ffffff;
209 240 overflow: hidden;
210 241
211 242
212 .splitScreen { 243 .splitScreen {
...@@ -256,7 +287,7 @@ formdata.append("bsmSldy","bf2bbedc18dce9ff1143be9f1496da39"); ...@@ -256,7 +287,7 @@ formdata.append("bsmSldy","bf2bbedc18dce9ff1143be9f1496da39");
256 background: url('../../../image/right.png'); 287 background: url('../../../image/right.png');
257 background-size: cover; 288 background-size: cover;
258 position: absolute; 289 position: absolute;
259 left: 0%; 290 right: 0%;
260 top: 30%; 291 top: 30%;
261 z-index: 999; 292 z-index: 999;
262 cursor: pointer; 293 cursor: pointer;
...@@ -267,7 +298,7 @@ formdata.append("bsmSldy","bf2bbedc18dce9ff1143be9f1496da39"); ...@@ -267,7 +298,7 @@ formdata.append("bsmSldy","bf2bbedc18dce9ff1143be9f1496da39");
267 background: url('../../../image/left.png'); 298 background: url('../../../image/left.png');
268 background-size: cover; 299 background-size: cover;
269 position: absolute; 300 position: absolute;
270 right: -8%; 301 left: 0%;
271 top: 30%; 302 top: 30%;
272 z-index: 999; 303 z-index: 999;
273 cursor: pointer; 304 cursor: pointer;
...@@ -315,8 +346,9 @@ formdata.append("bsmSldy","bf2bbedc18dce9ff1143be9f1496da39"); ...@@ -315,8 +346,9 @@ formdata.append("bsmSldy","bf2bbedc18dce9ff1143be9f1496da39");
315 min-width: 50%; 346 min-width: 50%;
316 border-right: 1px solid #EBEEF5; 347 border-right: 1px solid #EBEEF5;
317 } 348 }
318 width: 100%;
319 background-color: #ffffff; 349 background-color: #ffffff;
350 width: 100%;
351 height: 100%;
320 z-index: 100; 352 z-index: 100;
321 @include flex; 353 @include flex;
322 } 354 }
...@@ -329,6 +361,8 @@ formdata.append("bsmSldy","bf2bbedc18dce9ff1143be9f1496da39"); ...@@ -329,6 +361,8 @@ formdata.append("bsmSldy","bf2bbedc18dce9ff1143be9f1496da39");
329 361
330 /deep/.el-tabs { 362 /deep/.el-tabs {
331 width: 100%; 363 width: 100%;
364 height: 90vh;
365 overflow-y: scroll;
332 } 366 }
333 } 367 }
334 </style> 368 </style>
...\ No newline at end of file ...\ No newline at end of file
......