Skip to content

蔡永松 / fontweb-dc

Go to a project
Toggle navigation
Toggle navigation pinning
40ea133d by weimo934
Options

添加地图

1 parent d6a8aa8b
Inline Side-by-side
Showing 2 changed files with 178 additions and 101 deletions
...@@ -13,13 +13,14 @@ ...@@ -13,13 +13,14 @@
13 <script type="text/javascript" src="/frontweb/common/js/global/global.localStorage.js"></script> 13 <script type="text/javascript" src="/frontweb/common/js/global/global.localStorage.js"></script>
14 <script type="text/javascript" src="/frontweb/common/js/global/global.modelctls.js"></script> 14 <script type="text/javascript" src="/frontweb/common/js/global/global.modelctls.js"></script>
15 <style> 15 <style>
16 .container{ 16 .container {
17 width: 100vh; 17 width: 100vh;
18 height: 100vh; 18 height: 100vh;
19 background: #ccc; 19 background: #ccc;
20 margin: -20px 10px 0 10px 20 margin: -20px 10px 0 10px
21 } 21 }
22 .btns{ 22
23 .btns {
23 width: 73px; 24 width: 73px;
24 height: 30px; 25 height: 30px;
25 border-radius: 2px; 26 border-radius: 2px;
...@@ -31,47 +32,57 @@ ...@@ -31,47 +32,57 @@
31 margin-right: 7px; 32 margin-right: 7px;
32 outline: 0; 33 outline: 0;
33 } 34 }
34 .btns:hover{ 35
36 .btns:hover {
35 background: #0096eb; 37 background: #0096eb;
36 color: #fff; 38 color: #fff;
37 } 39 }
38 .fixedtoolbar{ 40
41 .fixedtoolbar {
39 position: fixed; 42 position: fixed;
40 top: 0; 43 top: 0;
41 width: 100%; 44 width: 100%;
42 background: #ffffff; 45 background: #ffffff;
43 padding-left: 20px; 46 padding-left: 20px;
44 padding-top:20px 47 padding-top: 20px
45 } 48 }
46 .el-aside{ 49
50 .el-aside {
47 /*background: red;*/ 51 /*background: red;*/
48 border: 1px solid #cac8c8 52 border: 1px solid #cac8c8
49 } 53 }
50 .el-container{ 54
55 .el-container {
51 margin-top: 40px; 56 margin-top: 40px;
52 padding: 22px 20px 20px 20px; 57 padding: 22px 20px 20px 20px;
53 } 58 }
54 .form-row{ 59
60 .form-row {
55 padding: 0 18px 0 0; 61 padding: 0 18px 0 0;
56 } 62 }
57 .el-input__icon{ 63
64 .el-input__icon {
58 margin-top: 20px; 65 margin-top: 20px;
59 } 66 }
60 .el-select{ 67
68 .el-select {
61 display: block; 69 display: block;
62 } 70 }
63 .main-top{ 71
64 width:100%; 72 .main-top {
65 min-height:400px; 73 width: 100%;
74 min-height: 400px;
66 border: 1px solid #cac8c8 75 border: 1px solid #cac8c8
67 } 76 }
68 .main-foot{ 77
78 .main-foot {
69 width: 100%; 79 width: 100%;
70 min-height: 390px; 80 min-height: 390px;
71 border: 1px solid #cac8c8; 81 border: 1px solid #cac8c8;
72 margin-top:10px; 82 margin-top: 10px;
73 } 83 }
74 .title-bar{ 84
85 .title-bar {
75 width: 100%; 86 width: 100%;
76 color: #cac8c8; 87 color: #cac8c8;
77 border-bottom: 1px solid #cac8c8; 88 border-bottom: 1px solid #cac8c8;
...@@ -82,19 +93,32 @@ ...@@ -82,19 +93,32 @@
82 padding-bottom: 4px; 93 padding-bottom: 4px;
83 margin-bottom: 15px; 94 margin-bottom: 15px;
84 } 95 }
85 .el-table--fit{ 96
86 border:1px solid #cac8c8 !important; 97 .el-table--fit {
98 border: 1px solid #cac8c8 !important;
99 }
100 .gisbutton{
101 width: 90px;
102 height: 30px;
103 border-radius: 2px;
104 background-color: white;
105 border: 1px solid #0096eb;
106 color: #0096eb;
107 cursor: pointer;
108 padding: 4px 10px;
109 margin-right: 7px;
110 outline: 0;
87 } 111 }
88 </style> 112 </style>
89 </head> 113 </head>
90 <body> 114 <body>
91 <div id="app"> 115 <div id="app">
92 <div class='contanier'> 116 <div class='contanier'>
93 <div class="fixedtoolbar" > 117 <div class="fixedtoolbar">
94 <button class="btns" @click="back">返回</button> 118 <button class="btns" @click="back">返回</button>
95 <button class="btns" @click="saveData">保存</button> 119 <button class="btns" @click="saveData">保存</button>
96 </div> 120 </div>
97 <!-- 下方区域--> 121 <!-- 下方区域-->
98 <el-container> 122 <el-container>
99 <el-aside style="width: 60%;margin-right: 10px;min-height:800px;padding-left: 20px;overflow-x: hidden"> 123 <el-aside style="width: 60%;margin-right: 10px;min-height:800px;padding-left: 20px;overflow-x: hidden">
100 <el-form ref="form" :model="form"> 124 <el-form ref="form" :model="form">
...@@ -122,7 +146,7 @@ ...@@ -122,7 +146,7 @@
122 </el-form-item> 146 </el-form-item>
123 </el-col> 147 </el-col>
124 <el-col :span="12"> 148 <el-col :span="12">
125 <el-form-item label="所属区域" > 149 <el-form-item label="所属区域">
126 <el-select v-model="form.distict" clearable placeholder="请选择"> 150 <el-select v-model="form.distict" clearable placeholder="请选择">
127 <el-option 151 <el-option
128 v-for="item in distictList" 152 v-for="item in distictList"
...@@ -134,7 +158,7 @@ ...@@ -134,7 +158,7 @@
134 </el-form-item> 158 </el-form-item>
135 </el-col> 159 </el-col>
136 </el-row> 160 </el-row>
137 <el-row > 161 <el-row>
138 <el-col :span="12"> 162 <el-col :span="12">
139 <el-form-item label="进展阶段"> 163 <el-form-item label="进展阶段">
140 <el-select v-model="form.evdlveStage" clearable placeholder="请选择"> 164 <el-select v-model="form.evdlveStage" clearable placeholder="请选择">
...@@ -173,7 +197,26 @@ ...@@ -173,7 +197,26 @@
173 </el-form> 197 </el-form>
174 </el-aside> 198 </el-aside>
175 <el-main style="padding:0 10px 0 0"> 199 <el-main style="padding:0 10px 0 0">
176 <div class="main-top">123</div> 200 <div class="main-top">
201 <div id="browsingGrp" class="div-right-content-item"
202 style="display: inline-block;text-overflow: ellipsis;width: 100%;margin-left: 0;padding: 0px;">
203 <div style="margin:33px 0 15px 0;">
204 <img src="../../../../image/projecttask/dt.png"
205 style="width: 25px;height:25px;margin-top: -5px;margin-right: 5px;">
206 <span style="color: #268de8;font-weight: 500;font-size: 18px;">图形浏览</span>
207 <div style="display: inline-block;float: right;">
208 <!-- <button id="AxisMapOther" class=" gisbutton">辅助选址</button>-->
209 <button id="AxisMap" class=" gisbutton" @click="AxisMap">录入坐标</button>
210 <button id="MaxMap" class=" gisbutton" @click="MaxMap">查看大图</button>
211 <button id="RefreshMap" class=" gisbutton" style="margin-right: 0;">刷新</button>
212 </div>
213 </div>
214 <div id="ditusrc" style="width: 100%; height: 260px; border: 1px solid rgb(218, 218, 218);
215 border-radius: 4px;position: relative;margin: 5px;padding: 6px">
216 <iframe id="gis" style="width: 100%;height:100%;" :src="gissrc"></iframe>
217 </div>
218 </div>
219 </div>
177 <div class="main-foot"> 220 <div class="main-foot">
178 <div class="title-bar">相关资料</div> 221 <div class="title-bar">相关资料</div>
179 <div style="padding-left: 5px;"> 222 <div style="padding-left: 5px;">
...@@ -190,7 +233,7 @@ ...@@ -190,7 +233,7 @@
190 :limit="3" 233 :limit="3"
191 :on-exceed="handleExceed" 234 :on-exceed="handleExceed"
192 > 235 >
193 <button class="btns" style="width: 80px" >选择{{FloatRightTitle}}</button> 236 <button class="btns" style="width: 80px">选择{{FloatRightTitle}}</button>
194 </el-upload> 237 </el-upload>
195 </div> 238 </div>
196 <div style="margin: 5px"> 239 <div style="margin: 5px">
......
1 var self = new Vue({ 1 var self = new Vue({
2 el:'#app', 2 el: '#app',
3 data(){ 3 data() {
4 return { 4 return {
5 FloatRightTitle:'图片', 5 FloatRightTitle: '图片',
6 imgtabaledata:[ 6 imgtabaledata: [
7 { 7 {
8 wjmc:'微信截图.png', 8 wjmc: '微信截图.png',
9 size:'5k', 9 size: '5k',
10 scsj:'2020-8-06' 10 scsj: '2020-8-06'
11 }, 11 },
12 { 12 {
13 wjmc:'微信截图.png', 13 wjmc: '微信截图.png',
14 size:'5k', 14 size: '5k',
15 scsj:'2020-8-06' 15 scsj: '2020-8-06'
16 } 16 }
17 ], 17 ],
18 filetabeldata:[ 18 filetabeldata: [
19 { 19 {
20 wjmc:'test.txt', 20 wjmc: 'test.txt',
21 size:'15k', 21 size: '15k',
22 scsj:'2020-8-01' 22 scsj: '2020-8-01'
23 }, 23 },
24 { 24 {
25 wjmc:'违法结果.txt', 25 wjmc: '违法结果.txt',
26 size:'10k', 26 size: '10k',
27 scsj:'2020-8-01' 27 scsj: '2020-8-01'
28 }, 28 },
29 ], 29 ],
30 //所属区域list 30 //所属区域list
31 distictList:[ 31 distictList: [
32 { 32 {
33 distict:'东关街道', 33 distict: '东关街道',
34 label:'东关街道' 34 label: '东关街道'
35 }, 35 },
36 { 36 {
37 distict:'清真巷街道', 37 distict: '清真巷街道',
38 label:'清真巷街道' 38 label: '清真巷街道'
39 }, 39 },
40 { 40 {
41 distict:'大众街街道', 41 distict: '大众街街道',
42 label:'大众街街道' 42 label: '大众街街道'
43 },{ 43 }, {
44 distict:'周家泉街道', 44 distict: '周家泉街道',
45 label:'周家泉街道' 45 label: '周家泉街道'
46 },{ 46 }, {
47 distict:'乐家湾镇街道', 47 distict: '乐家湾镇街道',
48 label:'乐家湾镇街道' 48 label: '乐家湾镇街道'
49 },{ 49 }, {
50 distict:'韵家口镇街道', 50 distict: '韵家口镇街道',
51 label:'韵家口镇街道' 51 label: '韵家口镇街道'
52 }, 52 },
53 ], 53 ],
54 //进展阶段list 54 //进展阶段list
55 evdlveStageList:[ 55 evdlveStageList: [
56 { 56 {
57 evdlveStage:'前期摸底', 57 evdlveStage: '前期摸底',
58 label:'前期摸底' 58 label: '前期摸底'
59 }, 59 },
60 { 60 {
61 evdlveStage:'启动拆迁', 61 evdlveStage: '启动拆迁',
62 label:'启动拆迁' 62 label: '启动拆迁'
63 }, 63 },
64 { 64 {
65 evdlveStage:'场地平整', 65 evdlveStage: '场地平整',
66 label:'场地平整' 66 label: '场地平整'
67 }, 67 },
68 { 68 {
69 evdlveStage:'开工建设', 69 evdlveStage: '开工建设',
70 label:'开工建设' 70 label: '开工建设'
71 }, 71 },
72 { 72 {
73 evdlveStage:'工程完工', 73 evdlveStage: '工程完工',
74 label:'工程完工' 74 label: '工程完工'
75 }, 75 },
76 { 76 {
77 evdlveStage:'分配回迁', 77 evdlveStage: '分配回迁',
78 label:'分配回迁' 78 label: '分配回迁'
79 }, 79 },
80 ], 80 ],
81 form:{ 81 form: {
82 procjectName:'', //项目名称 82 procjectName: '', //项目名称
83 procjectAddress:'', //项目地址 83 procjectAddress: '', //项目地址
84 taskYear:'', //任务年份 84 taskYear: '', //任务年份
85 dutyUnit:'', //责任单位 85 dutyUnit: '', //责任单位
86 distict:'', //所属区域 86 distict: '', //所属区域
87 evdlveStage:'', // 进展阶段 87 evdlveStage: '', // 进展阶段
88 procjectOverview:'' ,//项目概况 88 procjectOverview: '',//项目概况
89 progress:'',//进展情况 89 progress: '',//进展情况
90 content:'',// 建设类容 90 content: '',// 建设类容
91 id:null 91 id: null
92 }, 92 },
93 fromsrcid:'', 93 fromsrcid: '',
94 gissrc: '',
95 invFlag1: '',
94 } 96 }
95 }, 97 },
96 created(){ 98 created() {
97 let srcinfo = window.parent.document.getElementById('iframecontent').src; 99 let srcinfo = window.parent.document.getElementById('iframecontent').src;
98 this.fromsrcid =srcinfo.split('?')[1].split('=')[1] 100 this.fromsrcid = srcinfo.split('?')[1].split('=')[1],
101 this.gissrc = `${CONF_GIS_ONEMAP}/widgets/ProjectManage/OAProjectMap.html?projectid=${this.form.id}`
99 }, 102 },
100 mounted(){ 103 mounted() {
101 this.getdetail() 104 this.getdetail()
102 }, 105 },
103 methods:{ 106 methods: {
104 getdetail(){ 107 getdetail() {
105 axios.get(CONF_NEWGHSC_SERVERURL +'/wfsj/phqgz' ,{ 108 axios.get(CONF_NEWGHSC_SERVERURL + '/wfsj/phqgz', {
106 params:{ 109 params: {
107 id:this.fromsrcid 110 id: this.fromsrcid
108 } 111 }
109 }).then(res=>{ 112 }).then(res => {
110 if(res && res.data && res.data.code ==200){ 113 if (res && res.data && res.data.code === 200) {
114 debugger
111 this.form.procjectName = res.data.data.procjectName 115 this.form.procjectName = res.data.data.procjectName
112 this.form.procjectAddress = res.data.data.procjectAddress 116 this.form.procjectAddress = res.data.data.procjectAddress
113 this.form.taskYear = res.data.data.taskYear 117 this.form.taskYear = res.data.data.taskYear
...@@ -116,30 +120,60 @@ var self = new Vue({ ...@@ -116,30 +120,60 @@ var self = new Vue({
116 this.form.evdlveStage = res.data.data.evdlveStage 120 this.form.evdlveStage = res.data.data.evdlveStage
117 this.form.procjectOverview = res.data.data.procjectOverview 121 this.form.procjectOverview = res.data.data.procjectOverview
118 this.form.progress = res.data.data.progress 122 this.form.progress = res.data.data.progress
119 this.form.content = res.data.data.content, 123 this.form.content = res.data.data.content
120 this.form.id = res.data.data.id 124 this.form.id = res.data.data.id
121 } 125 }
122 }) 126 })
123 }, 127 },
124 //点击返回按钮事件 128 //点击返回按钮事件
125 back(){ 129 back() {
126 window.parent.document.getElementById('iframecontent').src = 'view/PHJG/WFSJ/xmgl/widget.html'; 130 window.parent.document.getElementById('iframecontent').src = 'view/PHJG/WFSJ/xmgl/widget.html';
127 }, 131 },
132 /**
133 * 录入坐标
134 * @constructor
135 */
136 AxisMap(){
137
138 },
139 /**
140 * 查看大图
141 * @constructor
142 */
143 MaxMap() {
144 var openurl = CONF_GIS_ONEMAP + "?type=SP&state=disabled";
145 // openparam && (openurl += openparam);
146 window.open(openurl);
147 /* if (invFlag1) {
148 clearTimeout(invFlag1)
149 }
150 invFlag1 = setTimeout(() => {
151 if (this.form.id == "") {
152 layer.msg("请先保存！", {icon: 2});
153 }
154 if (this.form.id) {
155 //var openparam = getparam(false);
156 var openurl = CONF_GIS_ONEMAP + "?type=SP&state=disabled";
157 // openparam && (openurl += openparam);
158 window.open(openurl);
159 }
160 }, 500);*/
161 },
128 //保存数据 162 //保存数据
129 saveData(){ 163 saveData() {
130 if( this.form.content==""&& this.form.procjectName =='' && this.form.procjectAddress=="" && this.form.taskYear==""&& this.form.dutyUnit==""&& this.form.distict=="" && this.form.evdlveStage==""&& this.form.procjectOverview==""&& this.form.progress==""){ 164 if (this.form.content == "" && this.form.procjectName == '' && this.form.procjectAddress == "" && this.form.taskYear == "" && this.form.dutyUnit == "" && this.form.distict == "" && this.form.evdlveStage == "" && this.form.procjectOverview == "" && this.form.progress == "") {
131 this.$message.error('请先输入数据进行保存.... ') 165 this.$message.error('请先输入数据进行保存.... ')
132 return false 166 return false
133 } 167 }
134 168
135 axios.post(CONF_NEWGHSC_SERVERURL +'/wfsj/phqgz',null ,{ data:this.form }).then(res=>{ 169 axios.post(CONF_NEWGHSC_SERVERURL + '/wfsj/phqgz', null, {data: this.form}).then(res => {
136 if(res && res.data && res.data.code ==200){ 170 if (res && res.data && res.data.code == 200) {
137 this.$message.success('新增数据成功') 171 this.$message.success('新增数据成功')
138 window.parent.document.getElementById('iframecontent').src = 'view/PHJG/WFSJ/xmgl/widget.html'; 172 window.parent.document.getElementById('iframecontent').src = 'view/PHJG/WFSJ/xmgl/widget.html';
139 } 173 }
140 }) 174 })
141 }, 175 },
142 clicktitle(val){ 176 clicktitle(val) {
143 this.FloatRightTitle = val 177 this.FloatRightTitle = val
144 }, 178 },
145 handleRemove(file, fileList) { 179 handleRemove(file, fileList) {
...@@ -152,7 +186,7 @@ var self = new Vue({ ...@@ -152,7 +186,7 @@ var self = new Vue({
152 this.$message.warning(`当前限制选择 3 个文件，本次选择了 ${files.length} 个文件，共选择了 ${files.length + fileList.length} 个文件`); 186 this.$message.warning(`当前限制选择 3 个文件，本次选择了 ${files.length} 个文件，共选择了 ${files.length + fileList.length} 个文件`);
153 }, 187 },
154 beforeRemove(file, fileList) { 188 beforeRemove(file, fileList) {
155 return this.$confirm(`确定移除 ${ file.name }？`); 189 return this.$confirm(`确定移除 ${file.name}？`);
156 } 190 }
157 } 191 }
158 }) 192 })
...\ No newline at end of file ...\ No newline at end of file
......