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 231 additions and 154 deletions
......@@ -13,91 +13,115 @@
<script type="text/javascript" src="/frontweb/common/js/global/global.localStorage.js"></script>
<script type="text/javascript" src="/frontweb/common/js/global/global.modelctls.js"></script>
<style>
.container{
width: 100vh;
height: 100vh;
background: #ccc;
margin: -20px 10px 0 10px
}
.btns{
width: 73px;
height: 30px;
border-radius: 2px;
background-color: white;
border: 1px solid #0096eb;
color: #0096eb;
cursor: pointer;
padding: 4px 10px;
margin-right: 7px;
outline: 0;
}
.btns:hover{
background: #0096eb;
color: #fff;
}
.fixedtoolbar{
position: fixed;
top: 0;
width: 100%;
background: #ffffff;
padding-left: 20px;
padding-top:20px
}
.el-aside{
.container {
width: 100vh;
height: 100vh;
background: #ccc;
margin: -20px 10px 0 10px
}
.btns {
width: 73px;
height: 30px;
border-radius: 2px;
background-color: white;
border: 1px solid #0096eb;
color: #0096eb;
cursor: pointer;
padding: 4px 10px;
margin-right: 7px;
outline: 0;
}
.btns:hover {
background: #0096eb;
color: #fff;
}
.fixedtoolbar {
position: fixed;
top: 0;
width: 100%;
background: #ffffff;
padding-left: 20px;
padding-top: 20px
}
.el-aside {
/*background: red;*/
border: 1px solid #cac8c8
}
.el-container{
.el-container {
margin-top: 40px;
padding: 22px 20px 20px 20px;
}
.form-row{
.form-row {
padding: 0 18px 0 0;
}
.el-input__icon{
margin-top: 20px;
}
.el-select{
.el-input__icon {
margin-top: 20px;
}
.el-select {
display: block;
}
.main-top{
width:100%;
min-height:400px;
.main-top {
width: 100%;
min-height: 400px;
border: 1px solid #cac8c8
}
.main-foot{
.main-foot {
width: 100%;
min-height: 390px;
border: 1px solid #cac8c8;
margin-top:10px;
margin-top: 10px;
}
.title-bar {
width: 100%;
color: #cac8c8;
border-bottom: 1px solid #cac8c8;
font-size: 16px;
font-weight: bold;
margin: 8px 0;
margin-top: 23px;
padding-bottom: 4px;
margin-bottom: 15px;
}
.el-table--fit {
border: 1px solid #cac8c8 !important;
}
.title-bar{
width: 100%;
color: #cac8c8;
border-bottom: 1px solid #cac8c8;
font-size: 16px;
font-weight: bold;
margin: 8px 0;
margin-top: 23px;
padding-bottom: 4px;
margin-bottom: 15px;
.gisbutton{
width: 90px;
height: 30px;
border-radius: 2px;
background-color: white;
border: 1px solid #0096eb;
color: #0096eb;
cursor: pointer;
padding: 4px 10px;
margin-right: 7px;
outline: 0;
}
.el-table--fit{
border:1px solid #cac8c8 !important;
}
</style>
</head>
<body>
<div id="app">
<div class='contanier'>
<div class="fixedtoolbar" >
<div class="fixedtoolbar">
<button class="btns" @click="back">返回</button>
<button class="btns" @click="saveData">保存</button>
</div>
<!-- 下方区域-->
<!-- 下方区域-->
<el-container>
<el-aside style="width: 60%;margin-right: 10px;min-height:800px;padding-left: 20px;overflow-x: hidden">
<el-form ref="form" :model="form">
<el-form ref="form" :model="form">
<el-row :gutter='5' class="form-row">
<el-col :span="12">
<el-form-item label="项目名称">
......@@ -122,30 +146,30 @@
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="所属区域" >
<el-form-item label="所属区域">
<el-select v-model="form.distict" clearable placeholder="请选择">
<el-option
v-for="item in distictList"
:key="item.distict"
:label="item.label"
:value="item.distict"
v-for="item in distictList"
:key="item.distict"
:label="item.label"
:value="item.distict"
></el-option>
</el-select>
</el-form-item>
</el-col>
</el-row>
<el-row >
<el-row>
<el-col :span="12">
<el-form-item label="进展阶段">
<el-select v-model="form.evdlveStage" clearable placeholder="请选择">
<el-option
v-for="item in evdlveStageList"
:key="item.evdlveStage"
:label="item.label"
:value="item.evdlveStage"
>
</el-option>
</el-select>
<el-select v-model="form.evdlveStage" clearable placeholder="请选择">
<el-option
v-for="item in evdlveStageList"
:key="item.evdlveStage"
:label="item.label"
:value="item.evdlveStage"
>
</el-option>
</el-select>
</el-form-item>
</el-col>
</el-row>
......@@ -173,7 +197,26 @@
</el-form>
</el-aside>
<el-main style="padding:0 10px 0 0">
<div class="main-top">123</div>
<div class="main-top">
<div id="browsingGrp" class="div-right-content-item"
style="display: inline-block;text-overflow: ellipsis;width: 100%;margin-left: 0;padding: 0px;">
<div style="margin:33px 0 15px 0;">
<img src="../../../../image/projecttask/dt.png"
style="width: 25px;height:25px;margin-top: -5px;margin-right: 5px;">
<span style="color: #268de8;font-weight: 500;font-size: 18px;">图形浏览</span>
<div style="display: inline-block;float: right;">
<!-- <button id="AxisMapOther" class=" gisbutton">辅助选址</button>-->
<button id="AxisMap" class=" gisbutton" @click="AxisMap">录入坐标</button>
<button id="MaxMap" class=" gisbutton" @click="MaxMap">查看大图</button>
<button id="RefreshMap" class=" gisbutton" style="margin-right: 0;">刷新</button>
</div>
</div>
<div id="ditusrc" style="width: 100%; height: 260px; border: 1px solid rgb(218, 218, 218);
border-radius: 4px;position: relative;margin: 5px;padding: 6px">
<iframe id="gis" style="width: 100%;height:100%;" :src="gissrc"></iframe>
</div>
</div>
</div>
<div class="main-foot">
<div class="title-bar">相关资料</div>
<div style="padding-left: 5px;">
......@@ -189,8 +232,8 @@
multiple
:limit="3"
:on-exceed="handleExceed"
>
<button class="btns" style="width: 80px" >选择{{FloatRightTitle}}</button>
>
<button class="btns" style="width: 80px">选择{{FloatRightTitle}}</button>
</el-upload>
</div>
<div style="margin: 5px">
......@@ -226,7 +269,7 @@
></el-table-column>
</el-table>
<el-table
v-else
v-else
:data="filetabeldata"
>
<el-table-column
......
var self = new Vue({
el:'#app',
data(){
el: '#app',
data() {
return {
FloatRightTitle:'图片',
imgtabaledata:[
FloatRightTitle: '图片',
imgtabaledata: [
{
wjmc:'微信截图.png',
size:'5k',
scsj:'2020-8-06'
wjmc: '微信截图.png',
size: '5k',
scsj: '2020-8-06'
},
{
wjmc:'微信截图.png',
size:'5k',
scsj:'2020-8-06'
wjmc: '微信截图.png',
size: '5k',
scsj: '2020-8-06'
}
],
filetabeldata:[
filetabeldata: [
{
wjmc:'test.txt',
size:'15k',
scsj:'2020-8-01'
wjmc: 'test.txt',
size: '15k',
scsj: '2020-8-01'
},
{
wjmc:'违法结果.txt',
size:'10k',
scsj:'2020-8-01'
wjmc: '违法结果.txt',
size: '10k',
scsj: '2020-8-01'
},
],
//所属区域list
distictList:[
distictList: [
{
distict:'东关街道',
label:'东关街道'
distict: '东关街道',
label: '东关街道'
},
{
distict:'清真巷街道',
label:'清真巷街道'
distict: '清真巷街道',
label: '清真巷街道'
},
{
distict:'大众街街道',
label:'大众街街道'
},{
distict:'周家泉街道',
label:'周家泉街道'
},{
distict:'乐家湾镇街道',
label:'乐家湾镇街道'
},{
distict:'韵家口镇街道',
label:'韵家口镇街道'
distict: '大众街街道',
label: '大众街街道'
}, {
distict: '周家泉街道',
label: '周家泉街道'
}, {
distict: '乐家湾镇街道',
label: '乐家湾镇街道'
}, {
distict: '韵家口镇街道',
label: '韵家口镇街道'
},
],
//进展阶段list
evdlveStageList:[
evdlveStageList: [
{
evdlveStage:'前期摸底',
label:'前期摸底'
evdlveStage: '前期摸底',
label: '前期摸底'
},
{
evdlveStage:'启动拆迁',
label:'启动拆迁'
evdlveStage: '启动拆迁',
label: '启动拆迁'
},
{
evdlveStage:'场地平整',
label:'场地平整'
evdlveStage: '场地平整',
label: '场地平整'
},
{
evdlveStage:'开工建设',
label:'开工建设'
evdlveStage: '开工建设',
label: '开工建设'
},
{
evdlveStage:'工程完工',
label:'工程完工'
evdlveStage: '工程完工',
label: '工程完工'
},
{
evdlveStage:'分配回迁',
label:'分配回迁'
evdlveStage: '分配回迁',
label: '分配回迁'
},
],
form:{
procjectName:'', //项目名称
procjectAddress:'', //项目地址
taskYear:'', //任务年份
dutyUnit:'', //责任单位
distict:'', //所属区域
evdlveStage:'', // 进展阶段
procjectOverview:'' ,//项目概况
progress:'',//进展情况
content:'',// 建设类容
id:null
form: {
procjectName: '', //项目名称
procjectAddress: '', //项目地址
taskYear: '', //任务年份
dutyUnit: '', //责任单位
distict: '', //所属区域
evdlveStage: '', // 进展阶段
procjectOverview: '',//项目概况
progress: '',//进展情况
content: '',// 建设类容
id: null
},
fromsrcid:'',
fromsrcid: '',
gissrc: '',
invFlag1: '',
}
},
created(){
created() {
let srcinfo = window.parent.document.getElementById('iframecontent').src;
this.fromsrcid =srcinfo.split('?')[1].split('=')[1]
this.fromsrcid = srcinfo.split('?')[1].split('=')[1],
this.gissrc = `${CONF_GIS_ONEMAP}/widgets/ProjectManage/OAProjectMap.html?projectid=${this.form.id}`
},
mounted(){
mounted() {
this.getdetail()
},
methods:{
getdetail(){
axios.get(CONF_NEWGHSC_SERVERURL +'/wfsj/phqgz' ,{
params:{
id:this.fromsrcid
methods: {
getdetail() {
axios.get(CONF_NEWGHSC_SERVERURL + '/wfsj/phqgz', {
params: {
id: this.fromsrcid
}
}).then(res=>{
if(res && res.data && res.data.code ==200){
}).then(res => {
if (res && res.data && res.data.code === 200) {
debugger
this.form.procjectName = res.data.data.procjectName
this.form.procjectAddress = res.data.data.procjectAddress
this.form.taskYear = res.data.data.taskYear
......@@ -116,30 +120,60 @@ var self = new Vue({
this.form.evdlveStage = res.data.data.evdlveStage
this.form.procjectOverview = res.data.data.procjectOverview
this.form.progress = res.data.data.progress
this.form.content = res.data.data.content,
this.form.content = res.data.data.content
this.form.id = res.data.data.id
}
})
},
//点击返回按钮事件
back(){
back() {
window.parent.document.getElementById('iframecontent').src = 'view/PHJG/WFSJ/xmgl/widget.html';
},
/**
* 录入坐标
* @constructor
*/
AxisMap(){
},
/**
* 查看大图
* @constructor
*/
MaxMap() {
var openurl = CONF_GIS_ONEMAP + "?type=SP&state=disabled";
// openparam && (openurl += openparam);
window.open(openurl);
/* if (invFlag1) {
clearTimeout(invFlag1)
}
invFlag1 = setTimeout(() => {
if (this.form.id == "") {
layer.msg("请先保存！", {icon: 2});
}
if (this.form.id) {
//var openparam = getparam(false);
var openurl = CONF_GIS_ONEMAP + "?type=SP&state=disabled";
// openparam && (openurl += openparam);
window.open(openurl);
}
}, 500);*/
},
//保存数据
saveData(){
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==""){
saveData() {
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 == "") {
this.$message.error('请先输入数据进行保存.... ')
return false
}
axios.post(CONF_NEWGHSC_SERVERURL +'/wfsj/phqgz',null ,{ data:this.form }).then(res=>{
if(res && res.data && res.data.code ==200){
axios.post(CONF_NEWGHSC_SERVERURL + '/wfsj/phqgz', null, {data: this.form}).then(res => {
if (res && res.data && res.data.code == 200) {
this.$message.success('新增数据成功')
window.parent.document.getElementById('iframecontent').src = 'view/PHJG/WFSJ/xmgl/widget.html';
}
})
},
clicktitle(val){
},
clicktitle(val) {
this.FloatRightTitle = val
},
handleRemove(file, fileList) {
......@@ -152,7 +186,7 @@ var self = new Vue({
this.$message.warning(`当前限制选择 3 个文件，本次选择了 ${files.length} 个文件，共选择了 ${files.length + fileList.length} 个文件`);
},
beforeRemove(file, fileList) {
return this.$confirm(`确定移除 ${ file.name }？`);
return this.$confirm(`确定移除 ${file.name}？`);
}
}
})
\ No newline at end of file
......