Sonwidget.html 12.6 KB
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>批后管理待办</title>
    <script src="/frontweb/common/js/config.js"></script>
    <link rel="stylesheet" href="/frontweb/libs/element-ui/lib-master/theme-chalk/index.css"/>
    <script src="/frontweb/libs/vue/vue.js"></script>
    <script src="/frontweb/libs/element/index.js"></script>
    <script src="/frontweb/libs/axios/axios.min.js"></script>
    <script type="text/javascript" src="/frontweb/libs/jquery/jquery.min.js"></script>
    <script src="/frontweb/libs/jquery/jquery.cookie.js"></script>
    <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 {
            /*background: red;*/
            border: 1px solid #cac8c8
        }

        .el-container {
            margin-top: 40px;
            padding: 22px 20px 20px 20px;
        }

        .form-row {
            padding: 0 18px 0 0;
        }

        .el-input__icon {
            margin-top: 20px;
        }

        .el-select {
            display: block;
        }

        .main-top {
            width: 100%;
            min-height: 400px;
            border: 1px solid #cac8c8
        }

        .main-foot {
            width: 100%;
            min-height: 390px;
            border: 1px solid #cac8c8;
            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;
        }
        .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;
        }
    </style>
</head>
<body>
<div id="app">
    <div class='contanier'>
        <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-row :gutter='5' class="form-row">
                        <el-col :span="12">
                            <el-form-item label="项目名称">
                                <el-input v-model="form.procjectName"></el-input>
                            </el-form-item>
                        </el-col>
                        <el-col :span="12">
                            <el-form-item label="责任单位">
                                <el-input v-model="form.dutyUnit"></el-input>
                            </el-form-item>
                        </el-col>
                    </el-row>
                    <el-row class="form-row">
                        <el-form-item label="项目地址">
                            <el-input v-model="form.procjectAddress"></el-input>
                        </el-form-item>
                    </el-row>
                    <el-row :gutter='5' class="form-row">
                        <el-col :span="12">
                            <el-form-item label="任务年份">
                                <el-input v-model="form.taskYear"></el-input>
                            </el-form-item>
                        </el-col>
                        <el-col :span="12">
                            <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"
                                    ></el-option>
                                </el-select>
                            </el-form-item>
                        </el-col>
                    </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-form-item>
                        </el-col>
                    </el-row>
                    <el-row>
                        <el-col>
                            <el-form-item label="项目概况">
                                <el-input type="textarea" v-model="form.procjectOverview"></el-input>
                            </el-form-item>
                        </el-col>
                    </el-row>
                    <el-row>
                        <el-col>
                            <el-form-item label="建设内容">
                                <el-input type="textarea" v-model="form.content"></el-input>
                            </el-form-item>
                        </el-col>
                    </el-row>
                    <el-row>
                        <el-col>
                            <el-form-item label="进展情况">
                                <el-input type="textarea" v-model="form.progress"></el-input>
                            </el-form-item>
                        </el-col>
                    </el-row>
                </el-form>
            </el-aside>
            <el-main style="padding:0 10px 0 0">
                <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;">
                        <button class="btns" @click="clicktitle('图片')">图片</button>
                        <button class="btns" @click="clicktitle('文档')">文档</button>
                        <el-upload
                                style="float:right;"
                                class="upload-demo"
                                action="https://jsonplaceholder.typicode.com/posts/"
                                :on-preview="handlePreview"
                                :on-remove="handleRemove"
                                :before-remove="beforeRemove"
                                multiple
                                :limit="3"
                                :on-exceed="handleExceed"
                        >
                            <button class="btns" style="width: 80px">选择{{FloatRightTitle}}</button>
                        </el-upload>
                    </div>
                    <div style="margin: 5px">
                        <el-table
                                v-if="FloatRightTitle=='图片'"
                                :data="imgtabaledata"
                                border
                                stripe
                        >
                            <el-table-column
                                    prop="wjmc"
                                    width="250"
                                    label="文件名称"
                                    align="left"
                            ></el-table-column>
                            <el-table-column
                                    prop="size"
                                    width="50"
                                    label="大小"
                                    align="center"
                            ></el-table-column>
                            <el-table-column
                                    prop="scsj"
                                    width="250"
                                    label="上传时间"
                                    align="center"
                            ></el-table-column>
                            <el-table-column
                                    prop=""
                                    width="95"
                                    label="操作"
                                    align="center"
                            ></el-table-column>
                        </el-table>
                        <el-table
                                v-else
                                :data="filetabeldata"
                        >
                            <el-table-column
                                    prop="wjmc"
                                    width="250"
                                    label="文件名称"
                                    align="left"
                            ></el-table-column>
                            <el-table-column
                                    prop="size"
                                    width="50"
                                    label="大小"
                                    align="center"
                            ></el-table-column>
                            <el-table-column
                                    prop="scsj"
                                    width="250"
                                    label="上传时间"
                                    align="center"
                            ></el-table-column>
                            <el-table-column
                                    prop=""
                                    width="95"
                                    label="操作"
                                    align="center"
                            ></el-table-column>
                        </el-table>
                    </div>
                </div>
            </el-main>
        </el-container>
    </div>
</div>
<script src="./sonjs/widget.js"></script>
</body>
</html>