| | |
| | | {{ item.name }}
|
| | | </div>
|
| | | <div v-show="item.sourceValue" class="sourcefrom" style="float: left;margin-left:20px">
|
| | | <el-select size="small" v-model="item.sourceValue" placeholder="资料来源">
|
| | | <el-select size="small" v-model="item.sourceValue" placeholder="资料来源">
|
| | | <el-option value="1" label="GEDB"></el-option>
|
| | | <el-option value="2" label="GeoAgent"></el-option>
|
| | | </el-select>
|
| | |
| | | </div>
|
| | | <div class="web__main-text">
|
| | | <div v-for="(res, key) in item.list" :key="key">
|
| | | <div v-if="res.type === 'html'">
|
| | | <div v-html="res.val"></div>
|
| | | </div>
|
| | | <div v-if="res.type === 'JsonHtml'">
|
| | | <div class="JsonHtml">
|
| | | <table>
|
| | | <tr>
|
| | | <th v-show="index != 'rowspan'" v-for="(item, index) in res.val[0]" :key=index>
|
| | | {{ index }}
|
| | | </th>
|
| | | </tr>
|
| | | <tr v-if="!item.break" v-for="(item, index) in res.val" :key=index>
|
| | | <td v-if="item.rowspan != ''" :rowspan="item.rowspan">
|
| | | {{ item[Object.keys(item)[0]] }}
|
| | | </td>
|
| | | <td v-if="Object.keys(item)[0] != n && n != 'rowspan'" v-for="(rs, n ) in item " :key="n"> {{
|
| | | item[n] }}</td>
|
| | | <!-- -->
|
| | | </tr>
|
| | |
|
| | | </table>
|
| | | <div>
|
| | | <p v-for="(item, index) in res.val[res.val.length - 1].break" :key=index>
|
| | | {{ item.bak }}
|
| | | </p>
|
| | | </div>
|
| | | </div>
|
| | | </div>
|
| | | <div v-if="res.type === 'text'">
|
| | | {{ res.val }}
|
| | | </div>
|
| | |
| | | }
|
| | | },
|
| | | methods: {
|
| | | setrowSpan(res, name) {
|
| | | if (Object.keys(res)[0] == name) {
|
| | | return res['rowspan']
|
| | | } else {
|
| | | return 1
|
| | | }
|
| | | },
|
| | | setDownLoadFile(res) {
|
| | | const downloadLink = document.createElement('a');
|
| | | downloadLink.href = res
|
| | |
| | |
|
| | | }
|
| | |
|
| | | /deep/.el-input--small .el-input__inner{
|
| | | /deep/.el-input--small .el-input__inner {
|
| | | height: 30px;
|
| | | font-size: 12px;
|
| | | }
|
| | |
| | | }
|
| | | </style>
|
| | | <style>
|
| | | |
| | | .el-select-dropdown {
|
| | | background-color: #555555 !important;
|
| | | color: #409eff !important;
|
| | | |
| | |
|
| | | }
|
| | | .el-select-dropdown__item{
|
| | |
|
| | | .el-select-dropdown__item {
|
| | | color: #ffffff !important;
|
| | | background: transparent !important;
|
| | | }
|
| | | .el-select-dropdown__item.selected{
|
| | |
|
| | | .el-select-dropdown__item.selected {
|
| | | color: #409eff !important;
|
| | | background: transparent !important;
|
| | | }
|
| | | .el-select-dropdown__item.selected span{
|
| | |
|
| | | .el-select-dropdown__item.selected span {
|
| | | color: #409eff !important;
|
| | | background: transparent !important;
|
| | |
|
| | | }
|
| | | .el-select-dropdown__item:hover{
|
| | |
|
| | | .el-select-dropdown__item:hover {
|
| | | /* background-color: #555555 !important; */
|
| | | color: #409eff!important;
|
| | | color: #409eff !important;
|
| | | }
|
| | |
|
| | | .parentBox {
|
| | | height: 100%;
|
| | | /* background: rgb(31, 31, 31); */
|
| | |
| | | word-wrap: break-word;
|
| | | }
|
| | |
|
| | | .JsonHtml table {
|
| | | border: 1px solid white;
|
| | | text-align: center;
|
| | | line-height: 30px;
|
| | | font-family: "Arial", sans-serif;
|
| | | font-size: 16px;
|
| | | }
|
| | |
|
| | | .JsonHtml tr {
|
| | | border: 1px solid white;
|
| | |
|
| | | }
|
| | |
|
| | | .JsonHtml th {
|
| | | border: 1px solid white;
|
| | | padding: 10px 10px;
|
| | | }
|
| | |
|
| | | .JsonHtml td {
|
| | | border: 1px solid white;
|
| | | padding: 10px 10px;
|
| | |
|
| | | }
|
| | |
|
| | |
|
| | |
|
| | | .newConcentLeft table {
|
| | | border: 1px solid white;
|
| | | text-align: center;
|
| | | line-height: 30px;
|
| | | font-family: "Arial", sans-serif;
|
| | | font-size: 16px;
|
| | | }
|
| | |
|
| | | .newConcentLeft tr {
|
| | | border: 1px solid white;
|
| | |
|
| | | }
|
| | |
|
| | | .newConcentLeft th {
|
| | | border: 1px solid white;
|
| | |
|
| | | }
|
| | |
|
| | | .newConcentLeft td {
|
| | | border: 1px solid white;
|
| | |
|
| | | }
|
| | |
|
| | | .newConcentLeft img {
|
| | | width: 75%;
|
| | | }
|
| | |
| | |
|
| | | font-size: 15px !important;
|
| | | line-height: 15px !important;
|
| | | list-style: disc;
|
| | | }
|
| | |
|
| | | .newConcentLeft p {
|
| | |
|
| | | font-size: 15px !important;
|
| | | /* */
|
| | | }
|
| | | .newConcentLeft h1 {
|
| | | font-size: 2rem !important;
|
| | | padding: 20px 0px;
|
| | | border-bottom: 1px solid rgba(209, 209, 209, 0.0);
|
| | | }
|
| | | .newConcentLeft h2 {
|
| | | padding:30px 0px;
|
| | | line-height: 0px;
|
| | | border-bottom: 1px solid rgba(209, 209, 209, 0.0);
|
| | | /* */
|
| | | }
|
| | | </style>
|
| | |
|
| | | <style>
|
| | | .web_Main_markDown h1 {
|
| | | /* .web_Main_markDown h1 {
|
| | | line-height: 20px !important;
|
| | | font-size: 20px !important;
|
| | | }
|
| | |
| | | background: #555555;
|
| | | padding: 10px;
|
| | | border-radius: 10px;
|
| | | }
|
| | | } */
|
| | | </style>
|