列表

src/views/ResourceShare/myApplication/index.vue

@@ -0,0 +1,395 @@
+<template>
+  <div class="ghzc ResourceShare">
+    <div class="innerContainer" v-drag>
+      <custom-form ref="formRef" :model="model" :config="formConfig">
+        <template #time>  </template>
+        <template #type>
+          <el-select v-model="model.placeCode" placeholder="申请状态">
+            <el-option
+              v-for="item in optionList"
+              :key="item.code"
+              :label="item.name"
+              :value="item.code"
+            >
+            </el-option>
+          </el-select>
+        </template>
+        <template #action>
+          <el-button size="mini" @click="getTableData">查询</el-button>
+          <el-button size="mini" @click="reset()">重置</el-button>
+          <el-button
+            size="mini"
+            v-if="userLevel !== 'city' && userLevel !== 'district'"
+            @click="newly()"
+            >新增</el-button
+          >
+        </template>
+      </custom-form>
+      <!-- :total="table.total"
+    :tableArrDate="table.data" -->
+      <customForm></customForm>
+      <tablePage
+        class="tablePage"
+        title="我的申请"
+        :tableTitle="cloumn"
+        :table="table"
+        ref="tableDialogRef"
+        @currentChange="searchFun"
+      >
+      </tablePage>
+    </div>
+  </div>
+</template>
+
+<script>
+import tablePage from "../../../components/mapView/tablePage.vue";
+import customForm from "../../../components/mapView/custom-form.vue";
+import { FormConfig, TableHeader } from "./config";
+export default {
+  components: {
+    tablePage,
+    customForm,
+  },
+  props: {},
+  data() {
+    return {
+      model: {
+        carNo: "", //网格名称
+        regionCode: "", //地区编码
+        placeCode: "", //所属小区
+      },
+      formConfig: FormConfig,
+      tableData: null,
+      details: {},
+      cloumn: TableHeader,
+      table: { data: [], total: 0 },
+    };
+  },
+  methods: {
+    closeIsShallow() {
+      this.isShallow = false;
+      this.details = [];
+    },
+
+    tableRowClassName({ row, rowIndex }) {
+      if (rowIndex === this.scrollTop_index) {
+        return "warning-row";
+      }
+      return "";
+    },
+    close() {
+      store.setViewerFlagb(true);
+      tdsy.remove(true);
+      store.state.vectorData = [];
+      store.hideToolBar();
+    },
+
+    change_witch() {
+      if (this.word) this.get_searchWord(this.state);
+      else this.init_vector(this.searchform);
+    },
+
+    async init_vector(params) {
+      const that = this;
+      let obj = {
+        jscType: store.state.cockpit_vector.tablejscType,
+        beginTime: store.state.cockpit_date[0],
+        endTime: store.state.cockpit_date[1],
+        id: store.state.cockpit_region.id,
+        ...params,
+      };
+      if (this.title == "土地供应完成项目" || this.title == "山水工程项目") {
+        obj.beginTime = undefined;
+        obj.endTime = undefined;
+      }
+      if (this.title == "进出平衡") {
+        (obj.jscType = "jsc_gdbh_jcph_zbmc"),
+          (obj.val2 = 0),
+          (obj.val1 = 50000),
+          (obj.beginTime = store.state.cockpit_date[1].slice(0, 4)),
+          (obj.endTime = undefined);
+      }
+      if (this.title == "土地收储计划项目") {
+        obj.beginTime = undefined;
+        obj.endTime = undefined;
+      }
+      let data = await QueryList(obj);
+      data.data.map((res) => {
+        if (res.geom) {
+          res.geom = wellknown.parse(res.geom.split(";")[1]);
+        }
+      });
+      this.active_dableData = data.data;
+      this.tableData = data.data;
+    },
+  },
+  computed: {},
+  watch: {},
+  mounted() {},
+};
+</script>
+
+
+
+<style lang="scss" scoped>
+// @import "../../complianceAnalysis/ghzc.scss";
+.ResourceShare {
+  width: 100%;
+  height: 100%;
+  background: #b6e0ff;
+  position: absolute;
+  z-index: 99;
+  .innerContainer {
+    width: 100%;
+    height: 100%;
+    position: absolute;
+    background: #041024;
+    z-index: 99;
+    top: 0px;
+    background-image: url("/static/images/homepage/00-底框.png");
+    background-size: 100% 100%;
+    padding: 20px;
+  }
+  .tablePage {
+    height: calc(100% - 100px);
+  }
+}
+div::-webkit-scrollbar {
+  width: 9px;
+  height: 19px;
+}
+
+.sm-panel {
+  width: 400px;
+  height: 700px;
+  // z-index: 999999;
+}
+
+.CockpitVectorBox {
+  top: 0px !important;
+}
+
+.BoxCommonVector {
+  width: 100%;
+  height: 100%;
+  position: absolute;
+  left: 0rem;
+  top: 0rem;
+}
+
+.innerContainerVector {
+  width: 430px;
+  height: 760px; //calc(100% - 20px);
+  position: absolute;
+  top: 28px;
+  z-index: 99;
+  background-image: url("/static/images/ghzc/内容框.png");
+  background-size: 100% 100%;
+  border-top-right-radius: 15px;
+
+  .searchDiv {
+    width: 100%;
+    display: flex;
+    justify-content: space-between;
+    margin-right: 10px;
+
+    .sidiv {
+      //   min-width: calc(50% - 10px);
+      height: 40px;
+      margin-bottom: 5px;
+      margin-right: 5px;
+      display: inline-block;
+    }
+  }
+
+  .shownum {
+    line-height: 20px;
+    padding-top: 10px;
+    padding-left: 5px;
+    background: rgba(10, 25, 38, 1) !important;
+  }
+
+  .search {
+    // margin: 2rem;
+  }
+
+  /deep/ .el-input {
+    display: inline-block;
+  }
+
+  /deep/ .el-input__inner {
+    // background: transparent !important;
+    color: white !important;
+    background: rgba(10, 25, 38, 0.5);
+    border-color: #5ecef09a;
+    // color: #64daff;
+    // font-size: 12px;
+  }
+}
+
+.leftPaneVector {
+  left: 20px;
+
+  .el-icon-close {
+    width: 22px;
+    height: 22px;
+    color: #fff !important;
+    background-color: #335f87;
+    line-height: 23px;
+    padding: 0 5px;
+    border-radius: 4px;
+    top: 10px !important;
+    position: absolute;
+    right: 10px;
+  }
+
+  .PangetitleVector {
+    box-sizing: border-box;
+    width: 100%;
+    height: 42px;
+    background: url("/static/images/overview/titlebox.gif") no-repeat !important;
+    background-size: 100% 100% !important;
+    line-height: 35px;
+    font-size: 14px;
+    padding-left: 15px;
+    // display: flex;
+    position: relative;
+    overflow: hidden;
+  }
+
+  .pange_textVector {
+    font-size: 14px !important;
+    font-family: "HarmonyOS Sans, HarmonyOS Sans";
+    font-weight: bold;
+    font-size: 18px;
+    color: #ffffff;
+    margin-left: 30px;
+  }
+
+  .clearBtn {
+    cursor: pointer;
+    // background-color: #3f94f53f;
+    // border: 1px solid #3f93f5;
+    color: #b6e0ff;
+    padding: 5px 15px;
+    display: inline-block;
+    margin-left: 15px;
+
+    &:hover {
+      font-weight: bold;
+    }
+  }
+}
+
+/deep/.el-input__inner:focus {
+  border: 1px solid #1fb1ef;
+}
+
+/deep/.el-input__inner {
+  border: 1px solid rgba(10, 25, 38, 0.5);
+  background: rgba(10, 25, 38, 0.5);
+  border-radius: 18px;
+  height: 30px;
+  color: white;
+  line-height: 30px;
+  // background: #ffffff3b;
+}
+
+/deep/.el-input__icon {
+  line-height: 30px;
+  border-radius: 0 18px 18px 0;
+  cursor: pointer;
+}
+
+/deep/.el-input__suffix {
+  background: #1fb1ef;
+  right: 1px;
+  padding: 0 5px;
+  border-radius: 0 18px 18px 0;
+  opacity: 0.8;
+  color: #fff;
+}
+
+/deep/ .el-autocomplete-suggestion {
+  margin-top: 8px;
+  border-radius: 6px;
+  border: 1px solid #198ec0;
+  background: rgba(10, 25, 38, 0.9);
+  color: rgba(25, 142, 192, 1);
+
+  .popper__arrow {
+    top: -8px;
+    border-bottom-color: rgba(31, 177, 239, 1);
+  }
+
+  .popper__arrow::after {
+    border-bottom-color: rgba(0, 80, 111, 0.9);
+  }
+
+  .el-autocomplete-suggestion__wrap {
+    padding: 2px;
+  }
+}
+
+/deep/ .el-autocomplete-suggestion li {
+  color: #ffffff;
+}
+
+/deep/ .el-autocomplete-suggestion li:hover {
+  background-color: rgba(8, 162, 223, 0.8);
+  border-radius: 6px;
+}
+
+/deep/ .el-table tr {
+  background: rgba(10, 25, 38, 0.5) !important;
+}
+
+/deep/ .el-table td.el-table__cell,
+.el-table th.el-table__cell.is-leaf {
+  background: rgba(10, 25, 38, 0.5) !important;
+
+  border-bottom: 0px solid #ebeef5;
+}
+
+/deep/.el-table th.el-table__cell {
+  background: rgba(10, 25, 38, 0.5) !important;
+}
+
+.el-table {
+  color: #fff;
+  background: rgba(10, 25, 38, 0.5) !important;
+}
+
+/deep/ .el-table__fixed-right::before,
+.el-table__fixed::before {
+  background: rgba(10, 25, 38, 0.9) !important;
+}
+
+/deep/ .el-table__fixed-right-patch {
+  background: rgba(10, 25, 38, 0.9) !important;
+}
+
+/deep/ .el-table--border::after,
+.el-table--group::after,
+.el-table::before {
+  background: rgba(10, 25, 38, 0) !important;
+}
+
+/deep/ .el-table .warning-row {
+  background: rgb(102, 177, 255) !important;
+}
+
+.sm-panel-header {
+  /deep/ .el-icon-close:before {
+    position: absolute;
+    top: 10px;
+    right: 10px;
+    font-size: larger;
+    font-weight: bold;
+
+    &:hover {
+      color: aqua;
+    }
+  }
+}
+</style>