未符合项 - 重点问题管控 - 事业部 - 分页查询

src/pages/regulatoryRepository/nonConfomity/pages/businessDivision.vue

@@ -3,189 +3,221 @@
   <div id="business-division">
     <div class="search-area">
       <div class="content-top">
-        <el-form :modal="nonConformitySearch" inline class="label-input-form">
+        <el-form :modal="sarSarAccessEOSearch" inline class="label-input-form">
           <el-form-item label="编号/名称" class="search-item">
-            <el-input v-model="nonConformitySearch.standNumOrName"
+            <el-input v-model="sarSarAccessEOSearch.lawNumOrName"
+                      placeholder="请输入"
+                      clearable
+                      @change="lawNumOrNameKeyup"
+                      @keyup.enter.native="searchSarAccessBtn"
+                      :maxlength="100"></el-input>
+          </el-form-item>
+          <el-form-item label="产品类型" class="search-item">
+            <el-input v-model="sarSarAccessEOSearch.productType"
+                      @keyup.enter.native="searchSarAccessBtn"
                       placeholder="请输入"
                       clearable
                       :maxlength="100"></el-input>
           </el-form-item>
-          <el-form-item label="产品类型" class="search-item">
-            <el-select filterable clearable v-model="nonConformitySearch.productName">
-              <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="nonConformitySearch.responseUnit" v-show="false" />
-            <el-popover
-              placement="bottom"
-              popper-class="user-dept-popper"
-              trigger="click"
-              :value="false"
-            >
-              <el-input
-                slot="reference"
-                v-model="nonConformitySearch.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-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"
-              class="common-button-primary"
-              size="mini"
-              v-btn-permission="'aff4a409c3c3856986c535a5f4782b13'"
-              @click="getTableByPage('')">
+                type="primary"
+                class="common-button-primary"
+                size="mini"
+                v-btn-permission="'aff4a409c3c3856986c535a5f4782b13'"
+                @click="searchSarAccessBtn('')">
               查询
             </el-button>
           </el-form-item>
           <el-form-item class="search-item btn-box">
             <el-button
-              class="common-button-default"
-              size="mini"
-              v-btn-permission="'66fa37fc93e298b03d272fe17aeca6de'"
-              @click="clearAllSearch">清空</el-button>
+                class="common-button-default"
+                size="mini"
+                v-btn-permission="'66fa37fc93e298b03d272fe17aeca6de'"
+                @click="clearAllSearch">清空
+            </el-button>
           </el-form-item>
         </el-form>
       </div>
     </div>
     <div class="content-center">
       <el-button
-        class="common-button-primary"
-        type="primary"
-        size="mini"
-        v-btn-permission="'620e6da5808bf104e576c763546a33b6'"
-        title="不勾选时默认导出所有筛选项；勾选时仅导出勾选项"
-      ><i class="iconfont">&#xe6e9;</i>导出</el-button>
+          class="common-button-primary"
+          type="primary"
+          size="mini"
+          v-btn-permission="'620e6da5808bf104e576c763546a33b6'"
+          title="不勾选时默认导出所有筛选项；勾选时仅导出勾选项"
+      ><i class="iconfont">&#xe6e9;</i>导出
+      </el-button>
       <el-button
-        @click="userCloAll"
-        class="common-button-primary"
-        type="primary"
-        size="mini"
-        v-btn-permission="'fde586188a364382cf67a0efa62a586c'"
-      ><i class="iconfont">&#xe61b;</i>批量关闭</el-button>
+          @click="userCloAll"
+          class="common-button-primary"
+          type="primary"
+          size="mini"
+          v-btn-permission="'fde586188a364382cf67a0efa62a586c'"
+      ><i class="iconfont">&#xe61b;</i>批量关闭
+      </el-button>
       <el-button
-        class="common-button-primary"
-        size="mini"
-        type="primary"
-        v-btn-permission="'9b68b46455c5af042d430e05e6579b27'"
-        @click="historyClick"
-        style="float: right; margin-right: 10px"
-      >历史数据</el-button>
+          class="common-button-primary"
+          size="mini"
+          type="primary"
+          v-btn-permission="'9b68b46455c5af042d430e05e6579b27'"
+          @click="historyClick"
+          style="float: right; margin-right: 10px"
+      >历史数据
+      </el-button>
     </div>
     <div class="container">
       <loading :loading="loading">数据获取中....</loading>
       <div class="table-wrap">
         <div class="inner-wrap">
           <el-table
-            :data="causeList"
-            tooltip-effect="dark"
-            style="width: 100%;"
-            height="100%"
-            border
-            :header-cell-style="{background: '#e8e8e8', color: '#333333', fontSize: '16px',
+              :data="sarAccessListDatas"
+              tooltip-effect="dark"
+              style="width: 100%;"
+              height="100%"
+              border
+              :header-cell-style="{background: '#e8e8e8', color: '#333333', fontSize: '16px',
          fontWeight: 'bold', height: '48px'}"
           >
             <el-table-column
-              type="selection"
-              width="55"
-              fixed="left"
-              align="center">
+                type="selection"
+                width="55"
+                fixed="left"
+                align="center">
             </el-table-column>
             <el-table-column
-              prop="standNum"
-              fixed="left"
-              width="180"
-              label="标准编号">
+                prop="lawNumber"
+                fixed="left"
+                width="180"
+                label="标准编号/政策编号">
               <template slot-scope="scope">
-                <a @click="detailsStandard(scope.row)" class="table-jump">{{ scope.row.standNum }}</a>
+                <a @click="detailsStandard(scope.row)" class="table-jump">{{ scope.row.lawNumber }}</a>
               </template>
             </el-table-column>
             <el-table-column
-              prop="standName"
-              fixed="left"
-              width="180"
-              label="标准名称">
+                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="productNameShow"
-              width="180"
-              label="产品线">
+                prop="productType"
+                width="180"
+                label="产品类型">
             </el-table-column>
             <el-table-column
-              prop="productNameShow"
-              width="180"
-              label="项目名称">
+                prop="implTime"
+                width="180"
+                sortable="custom"
+                label="实施时间">
             </el-table-column>
             <el-table-column
-              prop="productNameShow"
-              width="180"
-              label="当前节点">
+                prop="implRequire"
+                width="180"
+                label="实施要求">
             </el-table-column>
             <el-table-column
-              prop="responseUnitShow"
-              width="180"
-              label="责任部门">
+                prop="conformSituation"
+                width="180"
+                label="资源符合情况">
             </el-table-column>
             <el-table-column
-              prop="responseEnginShow"
-              width="150"
-              label="责任工程师">
+                prop="devScheme"
+                width="150"
+                label="开发计划">
             </el-table-column>
             <el-table-column
-              prop="responseEnginShow"
-              width="150"
-              label="认证工程师">
+                prop="responseDept"
+                width="150"
+                label="责任部门">
             </el-table-column>
             <el-table-column
-              prop="responseEnginShow"
-              width="150"
-              label="质量工程师">
+                prop="responsePeople"
+                width="150"
+                label="责任人">
             </el-table-column>
             <el-table-column
-              prop="planCloseTime"
-              width="150"
-              sortable="custom"
-              label="要求关闭时间">
-              <template slot-scope="scope">{{(scope.row.planCloseTime ? scope.row.planCloseTime.substring(0, 11): '')}}</template>
+                prop="sopTime"
+                width="150"
+                sortable="custom"
+                label="SOP时间">
+              <!--              <template slot-scope="scope">{{(scope.row.planCloseTime ? scope.row.planCloseTime.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, '查看']" v-btn-permission="'887ec926ad9a2b85395159db38885d96'">查看</el-dropdown-item>
-                    </el-dropdown-menu>
-                  </el-dropdown>
-                </div>
-              </template>
+            <el-table-column
+                prop="completeSituation"
+                width="150"
+                label="完成情况">
             </el-table-column>
+            <el-table-column
+                prop="timeoutSituation"
+                width="150"
+                label="SOP时间超过法规时限的空档期的业务应对方案">
+            </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>
       </div>
       <div class="footer">
-        <pagination :page="pageNo" :total="total" @pageChange="pageChange" @pageSizeChange="pageSizeChange"></pagination>
+        <pagination :page="sarSarAccessEOSearch.page" :total="sarAccessListTotal" @pageChange="pageChange"
+                    @pageSizeChange="pageSizeChange"></pagination>
       </div>
     </div>
   </div>
@@ -196,16 +228,29 @@ export default {
   name: "businessDivision",
   data() {
     return {
+      sarAccessListTotal: 0,
+      sarAccessListDatas: [],
+      // 查询相关参数
+      sarSarAccessEOSearch: {
+        lawNumOrName: '', // 编号/名称
+        productType: '', // 产品类型
+        responseDept: '', // 责任部门
+        lawNumber: '',
+        lawName: '',
+        accessContent: '',
+        energyKind: '',
+        applyArctic: '',
+        region: '',
+        page: 1,
+        pageSize: this.$store.getters.userInfo.configContent,
+        validFlag: 0
+      },
       loading: false,
-      // 总数
-      total: 0,
-      // 当前页数
-      pageNo: 1,
       causeList: [], //事业部数据
       nonConformitySearch: {
         standNumOrName: '', // 编号/名称
         productName: '', // 产品类型
-        responseUnit: '' // 责任部门
+        responseDept: '' // 责任部门
       },
       // 产品类型下拉列表数据
       productNameList: [],
@@ -213,26 +258,41 @@ export default {
     }
   },
   methods: {
+    lawNumOrNameKeyup() {
+      this.sarSarAccessEOSearch.lawName = this.sarSarAccessEOSearch.lawNumOrName
+      this.sarSarAccessEOSearch.lawNumber = this.sarSarAccessEOSearch.lawNumOrName
+    },
     //点击批量关闭按钮事件
     userCloAll() {
       console.log('至少选择一条数据');
     },
     //点击历史数据按钮事件
-    historyClick (){
-       this.$router.push({
-         name:'BusinessDetails'
-       })
+    historyClick() {
+      this.$router.push({
+        name: 'BusinessDetails'
+      })
     },
     // 清空 查询条件
-    clearAllSearch (search = true) {
-      this.nonConformitySearch = {
-        standNumOrName: '',
-        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.searchSarAccessBtn()
+      console.log(this.sarSarAccessEOSearch)
     },
     // 更多
-    handleCommand (command) {
+    handleCommand(command) {
       switch (command[1]) {
         case '查看':
           this.showUser(command[0])
@@ -257,15 +317,40 @@ export default {
     userClo(row) {
       console.log(row)
     },
-    // 分页事件
-    pageChange (page) {
-      this.pageNo = page
-      this.getTableByPage()
+    pageChange(page) {
+      this.sarSarAccessEOSearch.page = page
+      this.searchSarAccess()
     },
-    pageSizeChange (pageSize) {
-      this.pageSize = this.$store.getters.userInfo.configContent
-      this.getTableByPage()
+    pageSizeChange(pageSize) {
+      this.sarSarAccessEOSearch.page = 1
+      this.sarSarAccessEOSearch.pageSize = this.$store.getters.userInfo.configContent
+      this.searchSarAccess()
     },
+    // 搜索
+    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 => {
+      });
+    },
+  },
+  mounted() {
+    // 分页查询数据
+    this.searchSarAccess()
   },
 };
 </script>
@@ -275,10 +360,12 @@ export default {
   height: 100%;
   display: flex;
   flex-direction: column;
- .content-center {
-   margin-left: 10px;
-   margin-bottom: 10px;
- }
+
+  .content-center {
+    margin-left: 10px;
+    margin-bottom: 10px;
+  }
+
   .container {
     flex: 1;
     overflow: hidden;