重点问题项管控 - 历史数据

2021-11-10 16:54:40 +08:00
parent 54e01cdc02
commit 1cc1ce08c6
1 changed files with 178 additions and 109 deletions
@@ -9,62 +9,82 @@
    </div>
    <div class="search-area">
      <div class="left">
-        <el-form :modal="historySearch" :inline="true" class="label-input-form">
+        <el-form :modal="sarSarAccessEOSearch" inline class="label-input-form">
          <el-form-item label="编号/名称" class="search-item">
-            <el-input v-model="historySearch.standId"
+            <el-input v-model="sarSarAccessEOSearch.lawNumOrName"
                      placeholder="请输入"
                      clearable
-                      @keyup.enter="getTableBtn"
+                      @change="lawNumOrNameKeyup"
+                      @keyup.enter.native="searchSarAccessBtn"
                      :maxlength="100"></el-input>
          </el-form-item>
-          <el-form-item label="项目名称" class="search-item">
-            <el-input v-model="historySearch.productName"
+          <el-form-item label="产品类型" class="search-item">
+            <el-input v-model="sarSarAccessEOSearch.productType"
+                      @keyup.enter.native="searchSarAccessBtn"
                      placeholder="请输入"
                      clearable
-                      @keyup.enter="getTableBtn"
                      :maxlength="100"></el-input>
          </el-form-item>
          <el-form-item label="责任部门" class="search-item">
-            <el-input v-model="historySearch.responseUnit" v-show="false"/>
-            <el-popover
-                placement="bottom"
-                popper-class="user-dept-popper"
-                trigger="click"
-                :value="false"
-            >
-              <el-input
-                  slot="reference"
-                  v-model="historySearch.responseUnitShow"
-                  placeholder="根据责任部门查找"
-                  readonly
-                  clearable
-                  id="searchResp"
-              />
-              <div class="api">
-                <laws-tree
-                    :zNodes="zNodesSItem"
-                    treeDivId="zNodesSItemSearch"
-                    deptSelect
-                    showRMenu
-                    @treeDblClick="(treeId, treeNode) => treeClickSearch(treeId, treeNode)"
-                    class="ztree" style="width: 200px;height: 400px;overflow: auto">
-                </laws-tree>
-              </div>
-            </el-popover>
+            <el-input v-model="sarSarAccessEOSearch.responseDept"
+                      @keyup.enter.native="searchSarAccessBtn"
+                      placeholder="请输入"
+                      clearable
+                      :maxlength="100"></el-input>
+            <el-input v-model="sarSarAccessEOSearch.isClose"
+                      v-show="false"></el-input>
          </el-form-item>
+          <!--          <el-form-item label="产品类型" class="search-item">-->
+          <!--            <el-select filterable clearable v-model="sarSarAccessEOSearch.productType">-->
+          <!--              <el-option v-for="item1 in productNameList"-->
+          <!--                         :key="item1.value"-->
+          <!--                         :label="item1.label"-->
+          <!--                         :value="item1.value"></el-option>-->
+          <!--            </el-select>-->
+          <!--          </el-form-item>-->
+          <!--          <el-form-item label="责任部门" class="search-item">-->
+          <!--            <el-input v-model="sarSarAccessEOSearch.responseDept" v-show="false" />-->
+          <!--            <el-popover-->
+          <!--              placement="bottom"-->
+          <!--              popper-class="user-dept-popper"-->
+          <!--              trigger="click"-->
+          <!--              :value="false"-->
+          <!--            >-->
+          <!--              <el-input-->
+          <!--                slot="reference"-->
+          <!--                v-model="sarSarAccessEOSearch.responseDeptShow"-->
+          <!--                placeholder="根据责任部门查找"-->
+          <!--                readonly-->
+          <!--                clearable-->
+          <!--                id="searchResp"-->
+          <!--              />-->
+          <!--              <div class="api">-->
+          <!--                <laws-tree-->
+          <!--                  :zNodes="zNodesSItem"-->
+          <!--                  treeDivId="zNodesSItemSearch"-->
+          <!--                  deptSelect-->
+          <!--                  showRMenu-->
+          <!--                  @treeDblClick="(treeId, treeNode) => treeClickSearch(treeId, treeNode)"-->
+          <!--                  class="ztree" style="width: 200px;height: 400px;overflow: auto">-->
+          <!--                </laws-tree>-->
+          <!--              </div>-->
+          <!--            </el-popover>-->
+          <!--          </el-form-item>-->
          <el-form-item class="search-item btn-box">
            <el-button
                type="primary"
-                size="mini"
                class="common-button-primary"
-                @click="getTableBtn">
+                size="mini"
+                v-btn-permission="'aff4a409c3c3856986c535a5f4782b13'"
+                @click="searchSarAccessBtn('')">
              查询
            </el-button>
          </el-form-item>
          <el-form-item class="search-item btn-box">
            <el-button
-                size="mini"
                class="common-button-default"
+                size="mini"
+                v-btn-permission="'66fa37fc93e298b03d272fe17aeca6de'"
                @click="clearAllSearch">清空
            </el-button>
          </el-form-item>
@@ -74,15 +94,14 @@
    <div class="content">
      <loading :loading="loading">数据获取中</loading>
      <el-table
-          :data="historyList"
+          :data="sarAccessListDatas"
          tooltip-effect="dark"
          style="width: 100%;"
          height="100%"
          border
+          @selection-change="standSelectChange"
          :header-cell-style="{background: '#e8e8e8', color: '#333333', fontSize: '16px',
         fontWeight: 'bold', height: '48px'}"
-          @selection-change="handleRowChange"
-          ref="selection"
      >
        <el-table-column
            type="selection"
@@ -91,104 +110,92 @@
            align="center">
        </el-table-column>
        <el-table-column
-            prop="standId"
-            width="180px"
+            prop="lawNumber"
+            fixed="left"
+            width="180"
            label="标准编号/政策编号">
          <template slot-scope="scope">
-            <a @click="detailsStandard(scope.row)" class="table-jump">{{ scope.row.standId }}</a>
+            <a @click="detailsStandard(scope.row)" class="table-jump">{{ scope.row.lawNumber }}</a>
          </template>
        </el-table-column>
        <el-table-column
-            prop="standName"
-            width="180px"
+            prop="lawName"
+            fixed="left"
+            width="180"
            label="标准名称/政策名称">
          <template slot-scope="scope">
-            <a @click="detailsStandard(scope.row)" class="table-jump">{{ scope.row.standName }}</a>
+            <a @click="detailsStandard(scope.row)" class="table-jump">{{ scope.row.lawName }}</a>
          </template>
        </el-table-column>
        <el-table-column
-            prop="itemsNum"
+            prop="productType"
+            width="180"
            label="产品类型">
        </el-table-column>
        <el-table-column
-            prop="itemsName"
+            prop="implTime"
+            width="180"
+            sortable="custom"
            label="实施时间">
        </el-table-column>
        <el-table-column
-            prop="productLine"
+            prop="implRequire"
+            width="180"
            label="实施要求">
        </el-table-column>
-        <!--        <el-table-column-->
-        <!--          prop="productName"-->
-        <!--          label="问题类型">-->
-        <!--        </el-table-column>-->
        <el-table-column
-            prop="responsibleUnit"
-            width="110"
+            prop="conformSituation"
+            width="180"
            label="资源符合情况">
        </el-table-column>
        <el-table-column
-            prop="dutyEngineer"
-            width="150px"
+            prop="devScheme"
+            width="150"
            label="开发计划">
        </el-table-column>
        <el-table-column
-            prop="responsibleUnit"
+            prop="responseDept"
+            width="150"
            label="责任部门">
        </el-table-column>
        <el-table-column
            prop="responsePeople"
-            width="100"
+            width="150"
            label="责任人">
        </el-table-column>
        <el-table-column
-            prop="actualCloseTime"
-            width="150px"
-            sortable
+            prop="sopTime"
+            width="150"
+            sortable="custom"
            label="SOP时间">
-          <template slot-scope="scope">
-            {{ (scope.row.actualCloseTime ? scope.row.actualCloseTime.substring(0, 11) : '') }}
-          </template>
+          <!--              <template slot-scope="scope">{{(scope.row.planCloseTime ? scope.row.planCloseTime.substring(0, 11): '')}}</template>-->
        </el-table-column>
        <el-table-column
-            prop="authEngineer"
-            width="150px"
+            prop="completeSituation"
+            width="150"
            label="完成情况">
        </el-table-column>
        <el-table-column
-            prop="responsibleUnit"
-            width="120"
-            label="关闭状态">
+            prop="timeoutSituation"
+            width="150"
+            label="SOP时间超过法规时限的空档期的业务应对方案">
        </el-table-column>
-        <el-table-column
-            prop="qaEngineer"
-            width="320px"
-            label="SOP时间超过法规时间的空档期的业务应对方案">
-        </el-table-column>
-<!--        <el-table-column-->
-<!--            prop="actualCloseTime"-->
-<!--            width="150px"-->
-<!--            sortable-->
-<!--            label="实际完成时间">-->
-<!--          <template slot-scope="scope">-->
-<!--            {{ (scope.row.actualCloseTime ? scope.row.actualCloseTime.substring(0, 11) : '') }}-->
-<!--          </template>-->
-<!--        </el-table-column>-->
-<!--        <el-table-column label="操作" align="center" width="50" fixed="right">-->
-<!--          <template slot-scope="scope">-->
-<!--            <div @click.stop style="display: inline-block">-->
-<!--              <el-dropdown trigger="click" @command="handleCommand">-->
-<!--                <i class="iconfont">&#xe61e;</i>-->
-<!--                <el-dropdown-menu slot="dropdown">-->
-<!--                  <el-dropdown-item :command="[scope.row, '查看']">查看</el-dropdown-item>-->
-<!--                </el-dropdown-menu>-->
-<!--              </el-dropdown>-->
-<!--            </div>-->
-<!--          </template>-->
-<!--        </el-table-column>-->
+        <!--            <el-table-column label="操作" align="center" width="50" fixed="right">-->
+        <!--              <template slot-scope="scope">-->
+        <!--                <div @click.stop style="display: inline-block">-->
+        <!--                  <el-dropdown trigger="click" @command="handleCommand">-->
+        <!--                    <i class="iconfont">&#xe61e;</i>-->
+        <!--                    <el-dropdown-menu slot="dropdown">-->
+        <!--                      <el-dropdown-item :command="[scope.row, '查看']" v-btn-permission="'887ec926ad9a2b85395159db38885d96'">查看</el-dropdown-item>-->
+        <!--                    </el-dropdown-menu>-->
+        <!--                  </el-dropdown>-->
+        <!--                </div>-->
+        <!--              </template>-->
+        <!--            </el-table-column>-->
      </el-table>
    </div>
-    <pagination :page="pageNo" :total="total" @pageChange="pageChange" @pageSizeChange="pageSizeChange"></pagination>
+    <pagination :page="sarSarAccessEOSearch.page" :total="sarAccessListTotal" @pageChange="pageChange"
+                @pageSizeChange="pageSizeChange"></pagination>
    <el-drawer
        title='查看'
        :visible.sync="historySee"
@@ -371,6 +378,24 @@ export default {
  components: {},
  data() {
    return {
+      sarAccessListTotal: 0,
+      sarAccessListDatas: [],
+      // 查询相关参数
+      sarSarAccessEOSearch: {
+        isClose: '1',
+        lawNumOrName: '', // 编号/名称
+        productType: '', // 产品类型
+        responseDept: '', // 责任部门
+        lawNumber: '',
+        lawName: '',
+        accessContent: '',
+        energyKind: '',
+        applyArctic: '',
+        region: '',
+        page: 1,
+        pageSize: this.$store.getters.userInfo.configContent,
+        validFlag: 0
+      },
      loading: false,
      // 搜索条件字段
      historySearch: {
@@ -403,6 +428,38 @@ export default {
    }
  },
  methods: {
+    lawNumOrNameKeyup() {
+      this.sarSarAccessEOSearch.lawName = this.sarSarAccessEOSearch.lawNumOrName
+      this.sarSarAccessEOSearch.lawNumber = this.sarSarAccessEOSearch.lawNumOrName
+    },
+    // 修改成表格样式后，选择项勾选改变
+    standSelectChange(data) {
+      this.selectedList = []
+      for (let i = 0; i < data.length; i++) {
+        this.selectedList.push(data[i].id)
+      }
+    },
+    // 搜索
+    searchSarAccessBtn() {
+      this.sarSarAccessEOSearch.page = 1
+      this.searchSarAccess()
+    },
+    //未整改项抽屉中的查询按钮
+    searchSarAccess() {//多条件和模糊查询
+      this.$http.get("sarStandUnqualified/businessDeptIssue", {
+        current: this.sarSarAccessEOSearch.page,
+        pageSize: this.$store.getters.userInfo.configContent,
+        ...this.sarSarAccessEOSearch,
+      }, {
+        _this: this
+      }, res => {
+        let arr = res.data.records;
+        this.sarAccessListDatas = arr
+        this.tableLoading = false
+        this.sarAccessListTotal = res.data.total
+      }, e => {
+      });
+    },
    openFileInPdf(attId, oldFileName) {
      // 缺少文件
      if (this.$hasPermission('ZWBGBNTL11')) {
@@ -574,12 +631,13 @@ export default {
    },
    // 分页事件
    pageChange(page) {
-      this.pageNo = page
-      this.getTableBtn()
+      this.sarSarAccessEOSearch.page = page
+      this.searchSarAccess()
    },
    pageSizeChange(pageSize) {
-      this.pageSize = this.$store.getters.userInfo.configContent
-      this.getTableBtn()
+      this.sarSarAccessEOSearch.page = 1
+      this.sarSarAccessEOSearch.pageSize = this.$store.getters.userInfo.configContent
+      this.searchSarAccess()
    },
    back() {
      this.$router.push({
@@ -627,15 +685,24 @@ export default {
      this.historySearch.responseUnit = treeNode.id
      this.historySearch.responseUnitShow = treeNode.name
    },
-    // 点击清空按钮事件
-    clearAllSearch() {
-      this.historySearch = {
-        standNumOrName: '',
-        quesType: '',
-        productName: '',
-        responseUnit: ''
+// 清空 查询条件
+    clearAllSearch(search = true) {
+      this.sarSarAccessEOSearch = {
+        lawNumOrName: '', // 编号/名称
+        productType: '', // 产品类型
+        responseDept: '', // 责任部门
+        lawNumber: '',
+        lawName: '',
+        accessContent: '',
+        energyKind: '',
+        applyArctic: '',
+        region: '',
+        page: 1,
+        pageSize: this.$store.getters.userInfo.configContent,
+        validFlag: 0
      }
-      this.getTableBtn()
+      this.searchSarAccessBtn()
+      console.log(this.sarSarAccessEOSearch)
    },
    /**
     * @Description: 跳转流程
@@ -651,8 +718,10 @@ export default {
    }
  },
  mounted() {
-    this.getTableBtn()
-    this.getOrgTreeSource()
+    // this.getTableBtn()
+    // this.getOrgTreeSource()
+      // 分页查询数据
+      this.searchSarAccess()
  }
 }
 </script>