From 7e3b7ee6e184f0ddd47921174b1c3f13be01a759 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=AE=8B=E4=BC=9F=E4=BD=B3?= <2797716443@qq.com>
Date: Wed, 9 Jun 2021 17:54:38 +0800
Subject: [PATCH] =?UTF-8?q?=E6=9C=AA=E7=AC=A6=E5=90=88=E9=A1=B9=E6=95=B4?=
 =?UTF-8?q?=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../nonConfomity/pages/businessDivision.vue   | 268 +++++++++++++++++-
 .../nonConfomity/pages/productDepartment.vue  | 268 +++++++++++++++++-
 .../pages/rectificationDatabase.vue           |  16 +-
 3 files changed, 537 insertions(+), 15 deletions(-)

diff --git a/src/pages/regulatoryRepository/nonConfomity/pages/businessDivision.vue b/src/pages/regulatoryRepository/nonConfomity/pages/businessDivision.vue
index de8d151e9..12c8830fd 100644
--- a/src/pages/regulatoryRepository/nonConfomity/pages/businessDivision.vue
+++ b/src/pages/regulatoryRepository/nonConfomity/pages/businessDivision.vue
@@ -1,14 +1,274 @@
 <!--事业部-->
 <template>
-<div>事业部</div>
+  <div id="business-division">
+    <div class="search-area">
+      <div class="content-top">
+        <el-form :modal="nonConformitySearch" inline class="label-input-form">
+          <el-form-item label="编号/名称" class="search-item">
+            <el-input v-model="nonConformitySearch.standNumOrName"
+                      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-form-item>
+          <el-form-item class="search-item btn-box">
+            <el-button
+              type="primary"
+              class="common-button-primary"
+              size="mini"
+              @click="getTableByPage('')">
+              查询
+            </el-button>
+          </el-form-item>
+          <el-form-item class="search-item btn-box">
+            <el-button
+              class="common-button-default"
+              size="mini"
+              @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"
+        title="不勾选时默认导出所有筛选项；勾选时仅导出勾选项"
+      ><i class="iconfont">&#xe6e9;</i>导出</el-button>
+      <el-button
+        @click="userCloAll"
+        class="common-button-primary"
+        type="primary"
+        size="mini"
+      ><i class="iconfont">&#xe61b;</i>批量关闭</el-button>
+      <el-button
+        class="common-button-primary btnright"
+        size="mini"
+        type="primary"
+        @click="historyClick"
+      >历史数据</el-button>
+    </div>
+    <div class="container">
+      <loading :loading="loading">数据获取中....</loading>
+      <el-table
+        :data="causeList"
+        tooltip-effect="dark"
+        style="width: 100%;"
+        height="tableHeight"
+        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">
+        </el-table-column>
+        <el-table-column
+          prop="standNum"
+          fixed="left"
+          width="180"
+          label="标准编号">
+          <template slot-scope="scope">
+            <a @click="detailsStandard(scope.row)" class="table-jump">{{ scope.row.standNum }}</a>
+          </template>
+        </el-table-column>
+        <el-table-column
+          prop="standName"
+          fixed="left"
+          width="180"
+          label="标准名称">
+          <template slot-scope="scope">
+            <a @click="detailsStandard(scope.row)" class="table-jump">{{ scope.row.standName }}</a>
+          </template>
+        </el-table-column>
+        <el-table-column
+          prop="productNameShow"
+          width="180"
+          label="产品线">
+        </el-table-column>
+        <el-table-column
+          prop="productNameShow"
+          width="180"
+          label="项目名称">
+        </el-table-column>
+        <el-table-column
+          prop="productNameShow"
+          width="180"
+          label="当前节点">
+        </el-table-column>
+        <el-table-column
+          prop="responseUnitShow"
+          width="180"
+          label="责任部门">
+        </el-table-column>
+        <el-table-column
+          prop="responseEnginShow"
+          width="150"
+          label="责任工程师">
+        </el-table-column>
+        <el-table-column
+          prop="responseEnginShow"
+          width="150"
+          label="认证工程师">
+        </el-table-column>
+        <el-table-column
+          prop="responseEnginShow"
+          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>
+        </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="'R4FTCUQSXFUZPUSN3W63'">查看</el-dropdown-item>
+                  <el-dropdown-item :command="[scope.row, '编辑']" v-btn-permission="'G7GL8ZAZ5EYK6LRXW5MT'">编辑</el-dropdown-item>
+                  <el-dropdown-item :command="[scope.row, '关闭']" v-btn-permission="'Q8GPXE8L36KN2XVMZ6Y4'">关闭</el-dropdown-item>
+                </el-dropdown-menu>
+              </el-dropdown>
+            </div>
+          </template>
+        </el-table-column>
+      </el-table>
+      <div class="footer">
+        <pagination :page="pageNo" :total="total" @pageChange="pageChange" @pageSizeChange="pageSizeChange"></pagination>
+      </div>
+    </div>
+  </div>
 </template>
 
 <script>
 export default {
-  name: "businessDivision"
+  name: "businessDivision",
+  data() {
+    return {
+      loading: false,
+      causeList: [], //事业部数据
+      nonConformitySearch: {
+        standNumOrName: '', // 编号/名称
+        productName: '', // 产品类型
+        responseUnit: '' // 责任部门
+      },
+      // 产品类型下拉列表数据
+      productNameList: [],
+      zNodesSItem: [],//责任部门
+    }
+  },
+  methods: {
+    //点击批量关闭按钮事件
+    userCloAll() {
+      console.log('至少选择一条数据');
+    },
+    //点击历史数据按钮事件
+    historyClick (){
+       this.$router.push({
+         name:'HistoricalData'
+       })
+    },
+    // 清空 查询条件
+    clearAllSearch (search = true) {
+      this.nonConformitySearch = {
+        standNumOrName: '',
+        productName: '',
+        responseUnit: ''
+      }
+    },
+    // 更多
+    handleCommand (command) {
+      switch (command[1]) {
+        case '查看':
+          this.showUser(command[0])
+          break
+        case '编辑':
+          this.openEditModal(command[0])
+          break
+        case '关闭':
+          this.userClo(command[0])
+          break
+      }
+    },
+    //点击查看按钮事件
+    showUser(row) {
+      console.log(row)
+    },
+    //点击编辑按钮事件
+    openEditModal(item) {
+      console.log(item)
+    },
+    //点击关闭按钮事件
+    userClo(row) {
+      console.log(row)
+    },
+    // 分页事件
+    pageChange (page) {
+      this.pageNo = page
+      this.getTableByPage()
+    },
+    pageSizeChange (pageSize) {
+      this.pageSize = this.$store.getters.userInfo.configContent
+      this.getTableByPage()
+    },
+  },
 };
 </script>
 
-<style scoped>
-
+<style lang="less" scoped>
+#business-division {
+ .content-center {
+   margin-bottom:10px
+ }
+  .btnright {
+    float: right;
+    margin-right:10px;
+  }
+  .footer {
+    margin-bottom: 430px;
+  }
+}
 </style>
diff --git a/src/pages/regulatoryRepository/nonConfomity/pages/productDepartment.vue b/src/pages/regulatoryRepository/nonConfomity/pages/productDepartment.vue
index 3b0e0e5da..5e7c5a608 100644
--- a/src/pages/regulatoryRepository/nonConfomity/pages/productDepartment.vue
+++ b/src/pages/regulatoryRepository/nonConfomity/pages/productDepartment.vue
@@ -1,16 +1,274 @@
 <!--产品规划部-->
 <template>
-<div>
-  产品规划部
+<div id="product-department">
+  <div class="search-area">
+    <div class="content-top">
+      <el-form :modal="nonConformitySearch" inline class="label-input-form">
+        <el-form-item label="编号/名称" class="search-item">
+          <el-input v-model="nonConformitySearch.standNumOrName"
+                    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-form-item>
+        <el-form-item class="search-item btn-box">
+          <el-button
+            type="primary"
+            class="common-button-primary"
+            size="mini"
+            @click="getTableByPage('')">
+            查询
+          </el-button>
+        </el-form-item>
+        <el-form-item class="search-item btn-box">
+          <el-button
+            class="common-button-default"
+            size="mini"
+            @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"
+      title="不勾选时默认导出所有筛选项；勾选时仅导出勾选项"
+    ><i class="iconfont">&#xe6e9;</i>导出</el-button>
+    <el-button
+      @click="userCloAll"
+      class="common-button-primary"
+      type="primary"
+      size="mini"
+    ><i class="iconfont">&#xe61b;</i>批量关闭</el-button>
+    <el-button
+      class="common-button-primary btnright"
+      size="mini"
+      type="primary"
+      @click="historyClick"
+    >历史数据</el-button>
+  </div>
+  <div class="container">
+    <loading :loading="loading">数据获取中....</loading>
+    <el-table
+      :data="causeList"
+      tooltip-effect="dark"
+      style="width: 100%;"
+      height="tableHeight"
+      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">
+      </el-table-column>
+      <el-table-column
+        prop="standNum"
+        fixed="left"
+        width="180"
+        label="业务">
+        <template slot-scope="scope">
+          <a @click="detailsStandard(scope.row)" class="table-jump">{{ scope.row.standNum }}</a>
+        </template>
+      </el-table-column>
+      <el-table-column
+        prop="standName"
+        fixed="left"
+        width="180"
+        label="平台">
+        <template slot-scope="scope">
+          <a @click="detailsStandard(scope.row)" class="table-jump">{{ scope.row.standName }}</a>
+        </template>
+      </el-table-column>
+      <el-table-column
+        prop="productNameShow"
+        width="180"
+        label="项目">
+      </el-table-column>
+      <el-table-column
+        prop="productNameShow"
+        width="180"
+        label="当前节点">
+      </el-table-column>
+      <el-table-column
+        prop="standName"
+        fixed="left"
+        width="180"
+        label="标准编号/政策编号">
+      </el-table-column>
+      <el-table-column
+        prop="planCloseTime"
+        width="150"
+        sortable="custom"
+        label="实施时间">
+      </el-table-column>
+      <el-table-column
+        prop="responseEnginShow"
+        width="150"
+        label="实施要求">
+      </el-table-column>
+      <el-table-column
+        prop="responseEnginShow"
+        width="150"
+        label="符合性状态">
+      </el-table-column>
+      <el-table-column
+        prop="responseUnitShow"
+        width="180"
+        label="责任部门">
+      </el-table-column>
+      <el-table-column
+        prop="responseEnginShow"
+        width="150"
+        label="责任工程师">
+      </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="'R4FTCUQSXFUZPUSN3W63'">查看</el-dropdown-item>
+                <el-dropdown-item :command="[scope.row, '编辑']" v-btn-permission="'G7GL8ZAZ5EYK6LRXW5MT'">编辑</el-dropdown-item>
+                <el-dropdown-item :command="[scope.row, '关闭']" v-btn-permission="'Q8GPXE8L36KN2XVMZ6Y4'">关闭</el-dropdown-item>
+              </el-dropdown-menu>
+            </el-dropdown>
+          </div>
+        </template>
+      </el-table-column>
+    </el-table>
+    <div class="footer">
+      <pagination :page="pageNo" :total="total" @pageChange="pageChange" @pageSizeChange="pageSizeChange"></pagination>
+    </div>
+  </div>
 </div>
 </template>
 
 <script>
 export default {
-  name: "productDepartment"
+  name: "productDepartment",
+  data() {
+    return {
+      loading: false,
+      causeList: [], //事业部数据
+      nonConformitySearch: {
+        standNumOrName: '', // 编号/名称
+        productName: '', // 产品类型
+        responseUnit: '' // 责任部门
+      },
+      // 产品类型下拉列表数据
+      productNameList: [],
+      zNodesSItem: [],//责任部门
+    }
+  },
+  methods: {
+    //点击批量关闭按钮事件
+    userCloAll() {
+      console.log('至少选择一条数据');
+    },
+    //点击历史数据按钮事件
+    historyClick (){
+      this.$router.push({
+        name:'HistoricalData'
+      })
+    },
+    // 清空 查询条件
+    clearAllSearch (search = true) {
+      this.nonConformitySearch = {
+        standNumOrName: '',
+        productName: '',
+        responseUnit: ''
+      }
+    },
+    // 更多
+    handleCommand (command) {
+      switch (command[1]) {
+        case '查看':
+          this.showUser(command[0])
+          break
+        case '编辑':
+          this.openEditModal(command[0])
+          break
+        case '关闭':
+          this.userClo(command[0])
+          break
+      }
+    },
+    //点击查看按钮事件
+    showUser(row) {
+      console.log(row)
+    },
+    //点击编辑按钮事件
+    openEditModal(item) {
+      console.log(item)
+    },
+    //点击关闭按钮事件
+    userClo(row) {
+      console.log(row)
+    },
+    // 分页事件
+    pageChange (page) {
+      this.pageNo = page
+      this.getTableByPage()
+    },
+    pageSizeChange (pageSize) {
+      this.pageSize = this.$store.getters.userInfo.configContent
+      this.getTableByPage()
+    },
+  },
 };
 </script>
 
-<style scoped>
-
+<style lang="less" scoped>
+#product-department {
+  .content-center {
+    margin-bottom:10px
+  }
+  .btnright {
+    float: right;
+    margin-right:10px;
+  }
+  .footer {
+    margin-bottom: 430px;
+  }
+}
 </style>
diff --git a/src/pages/regulatoryRepository/nonConfomity/pages/rectificationDatabase.vue b/src/pages/regulatoryRepository/nonConfomity/pages/rectificationDatabase.vue
index 3c140cddc..bce9a647f 100644
--- a/src/pages/regulatoryRepository/nonConfomity/pages/rectificationDatabase.vue
+++ b/src/pages/regulatoryRepository/nonConfomity/pages/rectificationDatabase.vue
@@ -48,19 +48,20 @@
           </el-form-item>
           <el-form-item class="search-item btn-box">
             <el-button
-              icon="el-icon-search"
               type="primary"
               class="common-button-primary"
               size="mini"
               @click="getTableByPage('')">
+              查询
             </el-button>
           </el-form-item>
           <el-form-item class="search-item btn-box">
             <el-button
               class="common-button-default"
-              icon="el-icon-refresh-left"
               size="mini"
-              @click="clearAllSearch"></el-button>
+              @click="clearAllSearch">
+              清空
+            </el-button>
           </el-form-item>
         </el-form>
       </div>
@@ -116,13 +117,11 @@
         </el-table-column>
         <el-table-column
           prop="standNum"
-          fixed="left"
           width="180"
           label="条款号">
         </el-table-column>
         <el-table-column
           prop="standName"
-          fixed="left"
           width="180"
           label="条款名称">
         </el-table-column>
@@ -183,7 +182,9 @@
           </template>
         </el-table-column>
       </el-table>
-      <pagination :page="pageNo" :total="total" @pageChange="pageChange" @pageSizeChange="pageSizeChange"></pagination>
+      <div class="footer">
+        <pagination :page="pageNo" :total="total" @pageChange="pageChange" @pageSizeChange="pageSizeChange"></pagination>
+      </div>
     </div>
   </div>
 </template>
@@ -279,5 +280,8 @@ export default {
     justify-content: space-between;
     align-items: center;
   }
+  .footer {
+    margin-bottom: 430px;
+  }
 }
 </style>