信息弹框

lixuliang

2023-11-16 27a2d08bbdeec0cef108d171fb314e4ada9be861

 src/components/map/viewer1.vue

@@ -53,20 +53,35 @@
        </div>
      </ul>
    </div>
    <div :style="{
      width: `${size}`,
      height: `${size}`,
      transform: `scale(${scale}) translate(${offset},${offset})`,
      '-webkit-transform': `scale(${scale}) translate(${offset},${offset})`,
      '-moz-transform': `scale(${scale}) translate(${offset},${offset})`,
      '-o-transform': `scale(${scale}) translate(${offset},${offset})`,
      '-ms-transform': `scale(${scale}) translate(${offset},${offset})`,
    }">
      <el-dialog class="aboutDialog" title="企业信息" append-to-body width="50%" height="55%" style="overflow: auto"
        :visible.sync="QYbox" :before-close="dialogClose">
    <div
      :style="{
        width: `${size}`,
        height: `${size}`,
        transform: `scale(${scale}) translate(${offset},${offset})`,
        '-webkit-transform': `scale(${scale}) translate(${offset},${offset})`,
        '-moz-transform': `scale(${scale}) translate(${offset},${offset})`,
        '-o-transform': `scale(${scale}) translate(${offset},${offset})`,
        '-ms-transform': `scale(${scale}) translate(${offset},${offset})`,
      }"
    >
      <el-dialog
        class="aboutDialog"
        title="企业信息"
        append-to-body
        width="50%"
        height="60%"
        style="overflow: auto"
        :visible.sync="QYbox"
        :before-close="dialogClose"
      >
        <div class="el-dialog-div">
          <div class="inquire">
            <el-form size="medium" ref="queryForm" :model="queryForm" :inline="true">
            <el-form
              size="mini"
              ref="queryForm"
              :model="queryForm"
              :inline="true"
            >
              <el-form-item label="查询内容" prop="name">
                <el-input v-model="queryForm.content" placeholder="请输入查询内容" />
              </el-form-item>
@@ -75,36 +90,62 @@
              </el-form-item>
            </el-form>
          </div>
          <el-table fit style="width: 100%" :data="tableData" highlight-current-row height="50">
            <el-table-column type="index" width="50"></el-table-column>
            <el-table-column property="企业名称" label="企业名称"></el-table-column>
            <!-- <el-table-column
          <el-table
            fit
            style="width: 100%"
            :data="tableData"
            highlight-current-row
            height="50"
          >
            <el-table-column type="index" width="40"></el-table-column>
            <el-table-column
              property="企业名称"
              label="企业名称"
              min-width="240"
            ></el-table-column>
            <el-table-column
              property="企业类型"
              label="企业类型"
              min-width="240"
            ></el-table-column>
            <el-table-column
              property="成立时间"
              label="成立时间"
              width="120"
            ></el-table-column>
            <el-table-column
            <!-- <el-table-column
              property="所属行业"
              label="所属行业"
            ></el-table-column>
            ></el-table-column> -->
            <el-table-column
              property="法人"
              label="法人"
              width="100"
              width="80"
            ></el-table-column>
            <!-- <el-table-column
              property="注册地址"
              label="注册地址"
            ></el-table-column> -->
            <el-table-column property="注册地址" label="注册地址"></el-table-column>
            <el-table-column label="操作" width="100">
            <el-table-column label="操作" width="80">
              <template slot-scope="scope">
                <el-button @click="handleClick(scope.row)" type="text" size="small">详情</el-button>
              </template>
            </el-table-column>
          </el-table>
          <div slot="footer" class="dialog-footer" style="text-align: center; margin-top: 5px">
            <el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange"
              :current-page.sync="currentPage" :page-size="10" :pager-count="11" layout="total, pager" :total="searchNum">
          <div
            slot="footer"
            class="dialog-footer"
            style="text-align: center; margin-top: 2px"
          >
            <el-pagination
              @size-change="handleSizeChange"
              @current-change="handleCurrentChange"
              :current-page.sync="currentPage"
              :page-size="10"
              :pager-count="11"
              layout="total, pager"
              :total="searchNum"
            >
            </el-pagination>
          </div>
        </div>
@@ -250,6 +291,7 @@
        {
          StaticFileBaseUrl: "../../static/CimSDK/",
          // StaticFileBaseUrl: "../../../SW/static/CimSDK/",
          // StaticFileBaseUrl: "../../../YZXNCS/static/CimSDK/",
        },
        {},
        null,
@@ -1217,11 +1259,11 @@
.aboutDialog>>>.el-dialog__body {
  height: 77%;
  padding: 0px !important;
  padding: 15px !important;
  padding: 10px 10px 8px !important;
}

.aboutDialog>>>.el-dialog__header {
  padding: 10px 20px;
.aboutDialog >>> .el-dialog__header {
  padding: 10px 20px 0;
  height: 25px;
  line-height: 25px;
  font-weight: bold;
@@ -1252,6 +1294,7 @@

.el-form>>>.el-form-item__label {
  color: #fff;
  margin-left: 10px;
}

.aboutDialog .el-dialog-div {
@@ -1281,8 +1324,11 @@
  width: 383px;
}

.el-table /deep/ th {
.el-table /deep/ th,
.el-table /deep/ td {
  background-color: transparent;
  padding-top: 4px;
  padding-bottom: 4px;
}

.el-table /deep/ tr {