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

src/pages/regulatoryRepository/nonConfomity/pages/businessDetails.vue

@@ -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-form-item label="产品类型" class="search-item">
-            <el-input v-model="historySearch.productName"
+            <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-input v-model="sarSarAccessEOSearch.responseDept"
-            <el-popover
+                      @keyup.enter.native="searchSarAccessBtn"
-                placement="bottom"
+                      placeholder="请输入"
-                popper-class="user-dept-popper"
+                      clearable
-                trigger="click"
+                      :maxlength="100"></el-input>
-                :value="false"
+            <el-input v-model="sarSarAccessEOSearch.isClose"
-            >
+                      v-show="false"></el-input>
-              <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-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"
+            prop="lawNumber"
-            width="180px"
+            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"
+            prop="lawName"
-            width="180px"
+            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"
+            prop="conformSituation"
-            width="110"
+            width="180"
             label="资源符合情况">
         </el-table-column>
         <el-table-column
-            prop="dutyEngineer"
+            prop="devScheme"
-            width="150px"
+            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"
+            prop="sopTime"
-            width="150px"
+            width="150"
-            sortable
+            sortable="custom"
             label="SOP时间">
-          <template slot-scope="scope">
+          <!--              <template slot-scope="scope">{{(scope.row.planCloseTime ? scope.row.planCloseTime.substring(0, 11): '')}}</template>-->
-            {{ (scope.row.actualCloseTime ? scope.row.actualCloseTime.substring(0, 11) : '') }}
-          </template>
         </el-table-column>
         <el-table-column
-            prop="authEngineer"
+            prop="completeSituation"
-            width="150px"
+            width="150"
             label="完成情况">
         </el-table-column>
         <el-table-column
-            prop="responsibleUnit"
+            prop="timeoutSituation"
-            width="120"
+            width="150"
-            label="关闭状态">
+            label="SOP时间超过法规时限的空档期的业务应对方案">
         </el-table-column>
-        <el-table-column
+        <!--            <el-table-column label="操作" align="center" width="50" fixed="right">-->
-            prop="qaEngineer"
+        <!--              <template slot-scope="scope">-->
-            width="320px"
+        <!--                <div @click.stop style="display: inline-block">-->
-            label="SOP时间超过法规时间的空档期的业务应对方案">
+        <!--                  <el-dropdown trigger="click" @command="handleCommand">-->
-        </el-table-column>
+        <!--                    <i class="iconfont">&#xe61e;</i>-->
-<!--        <el-table-column-->
+        <!--                    <el-dropdown-menu slot="dropdown">-->
-<!--            prop="actualCloseTime"-->
+        <!--                      <el-dropdown-item :command="[scope.row, '查看']" v-btn-permission="'887ec926ad9a2b85395159db38885d96'">查看</el-dropdown-item>-->
-<!--            width="150px"-->
+        <!--                    </el-dropdown-menu>-->
-<!--            sortable-->
+        <!--                  </el-dropdown>-->
-<!--            label="实际完成时间">-->
+        <!--                </div>-->
-<!--          <template slot-scope="scope">-->
+        <!--              </template>-->
-<!--            {{ (scope.row.actualCloseTime ? scope.row.actualCloseTime.substring(0, 11) : '') }}-->
+        <!--            </el-table-column>-->
-<!--          </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>
     </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.sarSarAccessEOSearch.page = page
-      this.getTableBtn()
+      this.searchSarAccess()
     },
     pageSizeChange(pageSize) {
-      this.pageSize = this.$store.getters.userInfo.configContent
+      this.sarSarAccessEOSearch.page = 1
-      this.getTableBtn()
+      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() {
+    clearAllSearch(search = true) {
-      this.historySearch = {
+      this.sarSarAccessEOSearch = {
-        standNumOrName: '',
+        lawNumOrName: '', // 编号/名称
-        quesType: '',
+        productType: '', // 产品类型
-        productName: '',
+        responseDept: '', // 责任部门
-        responseUnit: ''
+        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.getTableBtn()
-    this.getOrgTreeSource()
+    // this.getOrgTreeSource()
+      // 分页查询数据
+      this.searchSarAccess()
   }
 }
 </script>