界面优化

src/views/question/list/index.vue

@@ -11,205 +11,213 @@
         ></org-tree>
       </el-col>
       <el-col :span="20" :xs="24">
-        <el-form
-          :model="queryParams"
-          ref="queryForm"
-          size="small"
-          :inline="true"
-          v-show="showSearch"
-          label-width="68px"
-        >
-          <el-form-item label="关键字" prop="searchKey">
-            <el-input
-              v-model="queryParams.searchKey"
-              placeholder="请输入关键字"
-              clearable
-            />
-          </el-form-item>
-          <el-form-item prop="confirmStatus" label="隐患状态">
-            <el-select
-              prop="confirmStatus"
-              label="隐患状态"
-              v-model="queryParams.confirmStatus"
-              placeholder="请选择隐患状态"
-              clearable
+        <div class="main-right-box">
+          <!--    搜索条件    -->
+          <div class="main-search-box">
+            <el-form
+              :model="queryParams"
+              ref="queryForm"
+              size="small"
+              :inline="true"
+              v-show="showSearch"
+              label-width="68px"
             >
-              <el-option
-                v-for="dict in dict.type.question_confirm_status"
-                :key="dict.value"
-                :label="dict.label"
-                :value="dict.value"
-              />
-            </el-select>
-          </el-form-item>
-          <!-- <el-form-item prop="reformStatus" label="整改状态">
-            <el-select
-              prop="reformStatus"
-              label="整改状态"
-              v-model="queryParams.reformStatus"
-              placeholder="请选择整改状态"
-              clearable
+              <el-form-item label="关键字" prop="searchKey">
+                <el-input
+                  v-model="queryParams.searchKey"
+                  placeholder="请输入关键字"
+                  clearable
+                />
+              </el-form-item>
+              <el-form-item prop="confirmStatus" label="隐患状态">
+                <el-select
+                  prop="confirmStatus"
+                  label="隐患状态"
+                  v-model="queryParams.confirmStatus"
+                  placeholder="请选择隐患状态"
+                  clearable
+                >
+                  <el-option
+                    v-for="dict in dict.type.question_confirm_status"
+                    :key="dict.value"
+                    :label="dict.label"
+                    :value="dict.value"
+                  />
+                </el-select>
+              </el-form-item>
+              <!-- <el-form-item prop="reformStatus" label="整改状态">
+              <el-select
+                prop="reformStatus"
+                label="整改状态"
+                v-model="queryParams.reformStatus"
+                placeholder="请选择整改状态"
+                clearable
+              >
+                <el-option
+                  v-for="dict in dict.type.question_reform_status"
+                  :key="dict.value"
+                  :label="dict.label"
+                  :value="dict.value"
+                />
+              </el-select>
+            </el-form-item> -->
+              <el-form-item label="发现时间" prop="submitRange">
+                <DataRangePicker
+                  clearable
+                  v-model="queryParams.submitRange"
+                  key="daterange"
+                  type="daterange"
+                  range-separator="至"
+                  start-placeholder="开始日期"
+                  end-placeholder="结束日期"
+                >
+                </DataRangePicker>
+              </el-form-item>
+              <el-form-item> </el-form-item>
+            </el-form>
+
+            <el-row :gutter="10" class="mb8">
+              <el-col :span="1.5">
+                <el-button
+                  type="primary"
+                  icon="el-icon-search"
+                  size="mini"
+                  @click="handleQuery"
+                  >搜索</el-button
+                >
+                <el-button
+                  icon="el-icon-refresh"
+                  size="mini"
+                  @click="resetQuery"
+                  >重置</el-button
+                >
+                <el-button
+                  type="primary"
+                  plain
+                  icon="el-icon-download"
+                  size="mini"
+                  @click="handleExport"
+                  >导出</el-button
+                >
+              </el-col>
+              <right-toolbar
+                :showSearch.sync="showSearch"
+                @queryTable="getList"
+                :columns="columns"
+              ></right-toolbar>
+            </el-row>
+          </div>
+
+          <el-table v-loading="loading" :data="questionList">
+            <el-table-column
+              type="index"
+              label="序号"
+              width="60px"
+              v-if="columns[0].visible"
+            ></el-table-column>
+            <el-table-column
+              label="所属机构"
+              prop="orgName"
+              v-if="columns[1].visible"
+            />
+            <el-table-column
+              label="隐患来源"
+              prop="srcTaskName"
+              v-if="columns[2].visible"
+            />
+            <el-table-column
+              label="检查标准"
+              prop="checkItem"
+              v-if="columns[3].visible"
+            />
+            <el-table-column
+              label="隐患描述"
+              prop="questionDesc"
+              v-if="columns[4].visible"
+            />
+            <el-table-column
+              label="提出人"
+              prop="submitorName"
+              width="100px"
+              v-if="columns[5].visible"
+            />
+            <el-table-column
+              label="发现时间"
+              prop="submitTime"
+              width="160px"
+              v-if="columns[6].visible"
             >
-              <el-option
-                v-for="dict in dict.type.question_reform_status"
-                :key="dict.value"
-                :label="dict.label"
-                :value="dict.value"
-              />
-            </el-select>
-          </el-form-item> -->
-          <el-form-item label="发现时间" prop="submitRange">
-            <DataRangePicker
-              clearable
-              v-model="queryParams.submitRange"
-              key="daterange"
-              type="daterange"
-              range-separator="至"
-              start-placeholder="开始日期"
-              end-placeholder="结束日期"
+              <template slot-scope="scope">
+                <span>{{
+                  dayjs(scope.row.submitTime).format("YYYY-MM-DD HH:mm:ss")
+                }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column
+              label="隐患状态"
+              align="center"
+              width="80px"
+              prop="confirmStatus"
+              v-if="columns[7].visible"
             >
-            </DataRangePicker>
-          </el-form-item>
-          <el-form-item>
-           
-          </el-form-item>
-        </el-form>
-
-        <el-row :gutter="10" class="mb8">
-          <el-col :span="1.5">
-            <el-button
-            type="primary"
-            icon="el-icon-search"
-            size="mini"
-            @click="handleQuery"
-            >搜索</el-button
-          >
-          <el-button icon="el-icon-refresh" size="mini" @click="resetQuery"
-            >重置</el-button
-          >
-            <el-button
-              type="primary"
-              plain
-              icon="el-icon-download"
-              size="mini"
-              @click="handleExport"
-              >导出</el-button
+              <template slot-scope="scope">
+                <span>{{
+                  getLabel(
+                    dict.type.question_confirm_status,
+                    scope.row.confirmStatus
+                  )
+                }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column
+              label="操作"
+              align="center"
+              class-name="small-padding fixed-width"
             >
-          </el-col>
-          <right-toolbar
-            :showSearch.sync="showSearch"
-            @queryTable="getList"
-            :columns="columns"
-          ></right-toolbar>
-        </el-row>
+              <template slot-scope="scope">
+                <el-button
+                  size="mini"
+                  type="text"
+                  icon="el-icon-tickets"
+                  @click="handleDetail(scope.row)"
+                  v-hasPermi="['question:list:query']"
+                  >详情</el-button
+                >
+                <el-button
+                  size="mini"
+                  type="text"
+                  icon="el-icon-s-check"
+                  @click="handleConfirm(scope.row)"
+                  v-hasPermi="['question:list:confirm']"
+                  v-if="
+                    scope.row.orgId == orgId && scope.row.confirmStatus == 0
+                  "
+                  >隐患确认</el-button
+                >
+                <el-button
+                  size="mini"
+                  type="text"
+                  icon="el-icon-s-flag"
+                  @click="handleConfirmDissent(scope.row)"
+                  v-hasPermi="['question:list:confirmDissent']"
+                  v-if="
+                    scope.row.submitorId == userId &&
+                    scope.row.confirmStatus == 1
+                  "
+                  >异议审批</el-button
+                >
+              </template>
+            </el-table-column>
+          </el-table>
 
-        <el-table
-          v-loading="loading"
-          :data="questionList"
-
-        >
-          <el-table-column
-            type="index"
-            label="序号"
-            width="60px"
-            v-if="columns[0].visible"
-          ></el-table-column>
-          <el-table-column
-            label="所属机构"
-            prop="orgName"
-            v-if="columns[1].visible"
-          />
-          <el-table-column
-            label="隐患来源"
-            prop="srcTaskName"
-            v-if="columns[2].visible"
+          <pagination
+            v-show="total > 0"
+            :total="total"
+            :page.sync="queryParams.pageNum"
+            :limit.sync="queryParams.pageSize"
+            @pagination="getList"
           />
-          <el-table-column
-            label="检查标准"
-            prop="checkItem"
-            v-if="columns[3].visible"
-          />
-          <el-table-column
-            label="隐患描述"
-            prop="questionDesc"
-            v-if="columns[4].visible"
-          />
-          <el-table-column
-            label="提出人"
-            prop="submitorName"
-            width="100px"
-            v-if="columns[5].visible"
-          />
-          <el-table-column
-            label="发现时间"
-            prop="submitTime"
-            width="160px"
-            v-if="columns[6].visible"
-          >
-            <template slot-scope="scope">
-              <span>{{
-                dayjs(scope.row.submitTime).format("YYYY-MM-DD HH:mm:ss")
-              }}</span>
-            </template>
-          </el-table-column>
-          <el-table-column
-            label="隐患状态"
-            align="center"
-            width="80px"
-            prop="confirmStatus"
-            v-if="columns[7].visible"
-          >
-            <template slot-scope="scope">
-              <span>{{
-                getLabel(
-                  dict.type.question_confirm_status,
-                  scope.row.confirmStatus
-                )
-              }}</span>
-            </template>
-          </el-table-column>          
-          <el-table-column
-            label="操作"
-            align="center"
-            class-name="small-padding fixed-width"
-          >
-            <template slot-scope="scope">
-              <el-button
-                size="mini"
-                type="text"
-                icon="el-icon-tickets"
-                @click="handleDetail(scope.row)"
-                v-hasPermi="['question:list:query']"
-                >详情</el-button
-              >
-              <el-button
-                size="mini"
-                type="text"
-                icon="el-icon-s-check"
-                @click="handleConfirm(scope.row)"
-                v-hasPermi="['question:list:confirm']"
-                v-if="scope.row.orgId==orgId && scope.row.confirmStatus==0"
-                >隐患确认</el-button>
-              <el-button
-                size="mini"
-                type="text"
-                icon="el-icon-s-flag"
-                @click="handleConfirmDissent(scope.row)"
-                v-hasPermi="['question:list:confirmDissent']"
-                v-if="scope.row.submitorId==userId && scope.row.confirmStatus==1"
-                >异议审批</el-button
-              >             
-            </template>
-          </el-table-column>
-        </el-table>
-
-        <pagination
-          v-show="total > 0"
-          :total="total"
-          :page.sync="queryParams.pageNum"
-          :limit.sync="queryParams.pageSize"
-          @pagination="getList"
-        />
+        </div>
       </el-col>
     </el-row>
     <Dialog ref="dialog" @success="getList()"></Dialog>
@@ -217,9 +225,7 @@
 </template>
 
 <script>
-import {
-  listQuestion,
-} from "@/api/question/list.js";
+import { listQuestion } from "@/api/question/list.js";
 import OrgTree from "@/components/orgTree";
 import Dialog from "./dialog.vue";
 import { mapGetters } from "vuex";
@@ -244,7 +250,7 @@ export default {
       total: 0,
       // 隐患问题清单表格数据
       questionList: [],
-      selectedOrgName:null,
+      selectedOrgName: null,
       // 查询参数
       queryParams: {
         pageNum: 1,
@@ -268,9 +274,9 @@ export default {
     };
   },
   dicts: ["question_confirm_status"],
-  components: { OrgTree, Dialog,DataRangePicker },
+  components: { OrgTree, Dialog, DataRangePicker },
   computed: {
-    ...mapGetters(["orgId","userId"]),
+    ...mapGetters(["orgId", "userId"]),
   },
   created() {},
   methods: {
@@ -302,17 +308,17 @@ export default {
     //   this.single = selection.length !== 1;
     //   this.multiple = !selection.length;
     // },
-    handleDetail(row){
-      this.$refs.dialog.show(row,'detail')
+    handleDetail(row) {
+      this.$refs.dialog.show(row, "detail");
     },
-    handleConfirm(row){
-      this.$refs.dialog.show(row,'confirm')
+    handleConfirm(row) {
+      this.$refs.dialog.show(row, "confirm");
     },
-    handleConfirmDissent(row){
-      this.$refs.dialog.show(row,'confirmDissent')
+    handleConfirmDissent(row) {
+      this.$refs.dialog.show(row, "confirmDissent");
     },
-    handleReform(row){
-      this.$refs.dialog.show(row,'reform')
+    handleReform(row) {
+      this.$refs.dialog.show(row, "reform");
     },
     /** 导出按钮操作 */
     handleExport() {
@@ -321,7 +327,9 @@ export default {
         {
           ...this.queryParams,
         },
-        `${this.selectedOrgName}_${this.$tab.getCurrentTabName()}_${dayjs().format("YYYYMMDD")}.xlsx`
+        `${
+          this.selectedOrgName
+        }_${this.$tab.getCurrentTabName()}_${dayjs().format("YYYYMMDD")}.xlsx`
       );
     },
     //单选框状态改变
@@ -331,13 +339,13 @@ export default {
     },
     getDefaultOrg(org) {
       this.queryParams.orgId = org.id;
-      this.selectedOrgName=org.shortName;
+      this.selectedOrgName = org.shortName;
       this.getList();
     },
     // 节点单击事件
     clickTreeNode(data) {
       this.queryParams.orgId = data.id;
-      this.selectedOrgName=data.shortName;
+      this.selectedOrgName = data.shortName;
       this.getList();
     },
   },

src/views/question/reform/index.vue

@@ -11,166 +11,176 @@
         ></org-tree>
       </el-col>
       <el-col :span="20" :xs="24">
-        <el-form
-          :model="queryParams"
-          ref="queryForm"
-          size="small"
-          :inline="true"
-          v-show="showSearch"
-          label-width="68px"
-        >
-          <el-form-item label="关键字" prop="searchKey">
-            <el-input
-              v-model="queryParams.searchKey"
-              placeholder="请输入关键字"
-              clearable
+        <div class="main-right-box">
+          <!--    搜索条件    -->
+          <div class="main-search-box">
+            <el-form
+              :model="queryParams"
+              ref="queryForm"
+              size="small"
+              :inline="true"
+              v-show="showSearch"
+              label-width="68px"
+            >
+              <el-form-item label="关键字" prop="searchKey">
+                <el-input
+                  v-model="queryParams.searchKey"
+                  placeholder="请输入关键字"
+                  clearable
+                />
+              </el-form-item>
+              <el-form-item prop="reformStatus" label="整改状态">
+                <el-select
+                  prop="reformStatus"
+                  label="整改状态"
+                  v-model="queryParams.reformStatus"
+                  placeholder="请选择整改状态"
+                  clearable
+                >
+                  <el-option
+                    v-for="dict in dict.type.question_reform_status"
+                    :key="dict.value"
+                    :label="dict.label"
+                    :value="dict.value"
+                  />
+                </el-select>
+              </el-form-item>
+              <el-form-item label="整改期限" prop="reformRange">
+                <DataRangePicker
+                  clearable
+                  v-model="queryParams.reformRange"
+                  key="daterange"
+                  type="daterange"
+                  range-separator="至"
+                  start-placeholder="开始日期"
+                  end-placeholder="结束日期"
+                >
+                </DataRangePicker>
+              </el-form-item>
+            </el-form>
+
+            <el-row :gutter="10" class="mb8">
+              <el-col :span="1.5">
+                <el-button
+                  type="primary"
+                  icon="el-icon-search"
+                  size="mini"
+                  @click="handleQuery"
+                  >搜索</el-button
+                >
+                <el-button
+                  type="primary"
+                  icon="el-icon-refresh"
+                  size="mini"
+                  @click="resetQuery"
+                  >重置</el-button
+                >
+                <el-button
+                  type="primary"
+                  plain
+                  icon="el-icon-download"
+                  size="mini"
+                  @click="handleExport"
+                  >导出</el-button
+                >
+              </el-col>
+              <right-toolbar
+                :showSearch.sync="showSearch"
+                @queryTable="getList"
+                :columns="columns"
+              ></right-toolbar>
+            </el-row>
+          </div>
+
+          <el-table v-loading="loading" :data="questionList">
+            <el-table-column
+              type="index"
+              label="序号"
+              width="60px"
+              v-if="columns[0].visible"
+            ></el-table-column>
+            <el-table-column
+              label="所属机构"
+              prop="orgName"
+              v-if="columns[1].visible"
             />
-          </el-form-item>          
-          <el-form-item prop="reformStatus" label="整改状态">
-            <el-select
-              prop="reformStatus"
-              label="整改状态"
-              v-model="queryParams.reformStatus"
-              placeholder="请选择整改状态"
-              clearable
+            <el-table-column
+              label="标准依据"
+              prop="checkContent"
+              v-if="columns[2].visible"
+            />
+            <el-table-column
+              label="隐患描述"
+              prop="questionDesc"
+              v-if="columns[3].visible"
+            />
+
+            <el-table-column
+              label="整改期限"
+              prop="submitTime"
+              width="120"
+              v-if="columns[4].visible"
             >
-              <el-option
-                v-for="dict in dict.type.question_reform_status"
-                :key="dict.value"
-                :label="dict.label"
-                :value="dict.value"
-              />
-            </el-select>
-          </el-form-item>
-          <el-form-item label="整改期限" prop="reformRange">
-            <DataRangePicker
-              clearable
-              v-model="queryParams.reformRange"
-              key="daterange"
-              type="daterange"
-              range-separator="至"
-              start-placeholder="开始日期"
-              end-placeholder="结束日期"
+              <template slot-scope="scope">
+                <span>{{
+                  dayjs(scope.row.reformDeadline).format("YYYY-MM-DD")
+                }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column
+              label="整改状态"
+              prop="reformStatus"
+              width="80px"
+              v-if="columns[5].visible"
             >
-            </DataRangePicker>
-          </el-form-item>
-        </el-form>
-
-        <el-row :gutter="10" class="mb8">
-          <el-col :span="1.5">
-            <el-button
-            type="primary"
-            icon="el-icon-search"
-            size="mini"
-            @click="handleQuery"
-            >搜索</el-button
-          >
-          <el-button  type="primary" icon="el-icon-refresh" size="mini" @click="resetQuery"
-            >重置</el-button
-          >
-            <el-button
-              type="primary"
-              plain
-              icon="el-icon-download"
-              size="mini"
-              @click="handleExport"
-              >导出</el-button
+              <template slot-scope="scope">
+                <span>{{
+                  getLabel(
+                    dict.type.question_reform_status,
+                    scope.row.reformStatus
+                  )
+                }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column
+              label="操作"
+              align="center"
+              class-name="small-padding fixed-width"
             >
-          </el-col>
-          <right-toolbar
-            :showSearch.sync="showSearch"
-            @queryTable="getList"
-            :columns="columns"
-          ></right-toolbar>
-        </el-row>
+              <template slot-scope="scope">
+                <el-button
+                  size="mini"
+                  type="text"
+                  icon="el-icon-tickets"
+                  @click="handleDetail(scope.row)"
+                  v-hasPermi="['question:reform:query']"
+                  >详情</el-button
+                >
+                <el-button
+                  size="mini"
+                  type="text"
+                  icon="el-icon-s-unfold"
+                  @click="handleReform(scope.row)"
+                  v-hasPermi="['question:reform:reform']"
+                  v-if="
+                    scope.row.orgId == orgId &&
+                    scope.row.confirmStatus == 2 &&
+                    scope.row.reformStatus != 11
+                  "
+                  >整改</el-button
+                >
+              </template>
+            </el-table-column>
+          </el-table>
 
-        <el-table
-          v-loading="loading"
-          :data="questionList"
-        >
-          <el-table-column
-            type="index"
-            label="序号"
-            width="60px"
-            v-if="columns[0].visible"
-          ></el-table-column>
-          <el-table-column
-            label="所属机构"
-            prop="orgName"
-            v-if="columns[1].visible"
-          />          
-          <el-table-column
-            label="标准依据"
-            prop="checkContent"
-            v-if="columns[2].visible"
-          />
-          <el-table-column
-            label="隐患描述"
-            prop="questionDesc"
-            v-if="columns[3].visible"
+          <pagination
+            v-show="total > 0"
+            :total="total"
+            :page.sync="queryParams.pageNum"
+            :limit.sync="queryParams.pageSize"
+            @pagination="getList"
           />
-         
-          <el-table-column
-            label="整改期限"
-            prop="submitTime"
-            width="120"
-            v-if="columns[4].visible"
-          >
-            <template slot-scope="scope">
-              <span>{{
-                dayjs(scope.row.reformDeadline).format("YYYY-MM-DD")
-              }}</span>
-            </template>
-          </el-table-column>          
-          <el-table-column
-            label="整改状态"
-            prop="reformStatus"
-            width="80px"
-            v-if="columns[5].visible"
-          >
-            <template slot-scope="scope">
-              <span>{{
-                getLabel(
-                  dict.type.question_reform_status,
-                  scope.row.reformStatus
-                )
-              }}</span>
-            </template>
-          </el-table-column>
-          <el-table-column
-            label="操作"
-            align="center"
-            class-name="small-padding fixed-width"
-          >
-            <template slot-scope="scope">
-              <el-button
-                size="mini"
-                type="text"
-                icon="el-icon-tickets"
-                @click="handleDetail(scope.row)"
-                v-hasPermi="['question:reform:query']"
-                >详情</el-button
-              >             
-              <el-button
-                size="mini"
-                type="text"
-                icon="el-icon-s-unfold"
-                @click="handleReform(scope.row)"
-                v-hasPermi="['question:reform:reform']"
-                v-if="scope.row.orgId==orgId && scope.row.confirmStatus==2 && scope.row.reformStatus!=11"
-                >整改</el-button
-              >
-            </template>
-          </el-table-column>
-        </el-table>
-
-        <pagination
-          v-show="total > 0"
-          :total="total"
-          :page.sync="queryParams.pageNum"
-          :limit.sync="queryParams.pageSize"
-          @pagination="getList"
-        />
+        </div>
       </el-col>
     </el-row>
     <Dialog ref="dialog" @success="getList()"></Dialog>
@@ -178,9 +188,7 @@
 </template>
 
 <script>
-import {
-  page,
-} from "@/api/question/reform.js";
+import { page } from "@/api/question/reform.js";
 import OrgTree from "@/components/orgTree";
 import Dialog from "./dialog.vue";
 import { mapGetters } from "vuex";
@@ -226,9 +234,9 @@ export default {
     };
   },
   dicts: ["question_reform_status"],
-  components: { OrgTree, Dialog ,DataRangePicker},
+  components: { OrgTree, Dialog, DataRangePicker },
   computed: {
-    ...mapGetters(["orgId","userId"]),
+    ...mapGetters(["orgId", "userId"]),
   },
   created() {},
   methods: {
@@ -260,26 +268,28 @@ export default {
     //   this.single = selection.length !== 1;
     //   this.multiple = !selection.length;
     // },
-    handleDetail(row){
-      this.$refs.dialog.show(row,'detail')
+    handleDetail(row) {
+      this.$refs.dialog.show(row, "detail");
     },
-    handleConfirm(row){
-      this.$refs.dialog.show(row,'confirm')
+    handleConfirm(row) {
+      this.$refs.dialog.show(row, "confirm");
     },
-    handleConfirmDissent(row){
-      this.$refs.dialog.show(row,'confirmDissent')
+    handleConfirmDissent(row) {
+      this.$refs.dialog.show(row, "confirmDissent");
     },
-    handleReform(row){
-      this.$refs.dialog.show(row,'reform')
+    handleReform(row) {
+      this.$refs.dialog.show(row, "reform");
     },
-    /** 导出按钮操作 */ 
+    /** 导出按钮操作 */
     handleExport() {
       this.download(
         "core/questionreform/export",
         {
           ...this.queryParams,
         },
-        `${this.selectedOrgName}_${this.$tab.getCurrentTabName()}_${dayjs().format("YYYYMMDD")}.xlsx`
+        `${
+          this.selectedOrgName
+        }_${this.$tab.getCurrentTabName()}_${dayjs().format("YYYYMMDD")}.xlsx`
       );
     },
     //单选框状态改变
@@ -289,13 +299,13 @@ export default {
     },
     getDefaultOrg(org) {
       this.queryParams.orgId = org.id;
-      this.selectedOrgName=org.shortName;
+      this.selectedOrgName = org.shortName;
       this.getList();
     },
     // 节点单击事件
     clickTreeNode(data) {
       this.queryParams.orgId = data.id;
-      this.selectedOrgName=data.shortName;
+      this.selectedOrgName = data.shortName;
       this.getList();
     },
   },

src/views/resumption/protection/index.vue

@@ -12,162 +12,169 @@
       </el-col>
 
       <el-col :span="20" :xs="24">
-        <!--    搜索条件    -->
-        <el-form
-          :model="queryParams"
-          ref="search"
-          size="small"
-          :inline="true"
-          v-show="showSearch"
-          label-width="120px"
-        >
-          <el-form-item prop="key" label="报警控制器名称">
-            <el-input
-              v-model="queryParams.key"
-              :maxlength="50"
-              placeholder="请输入报警控制器名称"
-              clearable
-            />
-          </el-form-item>
-          <el-form-item prop="status" label="报警控制器状态">
-            <el-select
-              label="报警控制器状态"
-              v-model="queryParams.status"
-              placeholder="请选择报警控制器状态"
-              clearable
+        <div class="main-right-box">
+          <!--    搜索条件    -->
+          <div class="main-search-box">
+            <el-form
+              :model="queryParams"
+              ref="search"
+              size="small"
+              :inline="true"
+              v-show="showSearch"
+              label-width="120px"
             >
-              <el-option
-                v-for="dict in dict.type.protection_status"
-                :key="dict.value"
-                :label="dict.label"
-                :value="dict.value"
-              />
-            </el-select>
-          </el-form-item>
+              <el-form-item prop="key" label="报警控制器名称">
+                <el-input
+                  v-model="queryParams.key"
+                  :maxlength="50"
+                  placeholder="请输入报警控制器名称"
+                  clearable
+                />
+              </el-form-item>
+              <el-form-item prop="status" label="报警控制器状态">
+                <el-select
+                  label="报警控制器状态"
+                  v-model="queryParams.status"
+                  placeholder="请选择报警控制器状态"
+                  clearable
+                >
+                  <el-option
+                    v-for="dict in dict.type.protection_status"
+                    :key="dict.value"
+                    :label="dict.label"
+                    :value="dict.value"
+                  />
+                </el-select>
+              </el-form-item>
 
-          <el-form-item prop="dateRange" label="布撤防登记时间">
-            <DataRangePicker
-              v-model="queryParams.dateRange"
-              key="daterange"
-              type="daterange"
-              range-separator="至"
-              start-placeholder="开始日期"
-              end-placeholder="结束日期"
-            >
-            </DataRangePicker>
-          </el-form-item>
-        </el-form>
+              <el-form-item prop="dateRange" label="布撤防登记时间">
+                <DataRangePicker
+                  v-model="queryParams.dateRange"
+                  key="daterange"
+                  type="daterange"
+                  range-separator="至"
+                  start-placeholder="开始日期"
+                  end-placeholder="结束日期"
+                >
+                </DataRangePicker>
+              </el-form-item>
+            </el-form>
 
-        <!--    按纽    -->
-        <el-row :gutter="10" class="mb8">
-          <el-col :span="1.5">
-            <el-button
-              type="primary"
-              icon="el-icon-search"
-              size="mini"
-              @click="getList"
-              v-hasPermi="['device:protection']"
-              >搜索</el-button
-            >
-            <el-button icon="el-icon-refresh" size="mini" @click="resetQuery"
-              >重置</el-button
-            >
-            <el-button
-              type="primary"
-              icon="el-icon-plus"
-              size="mini"
-              @click="handleAdd()"
-              v-hasPermi="['device:protection:add']"
-              >新增</el-button
+            <!--    按纽    -->
+            <el-row :gutter="10" class="mb8">
+              <el-col :span="1.5">
+                <el-button
+                  type="primary"
+                  icon="el-icon-search"
+                  size="mini"
+                  @click="getList"
+                  v-hasPermi="['device:protection']"
+                  >搜索</el-button
+                >
+                <el-button
+                  icon="el-icon-refresh"
+                  size="mini"
+                  @click="resetQuery"
+                  >重置</el-button
+                >
+                <el-button
+                  type="primary"
+                  icon="el-icon-plus"
+                  size="mini"
+                  @click="handleAdd()"
+                  v-hasPermi="['device:protection:add']"
+                  >新增</el-button
+                >
+                <el-button
+                  type="primary"
+                  plain
+                  icon="el-icon-download"
+                  size="mini"
+                  @click="handleExport()"
+                  v-hasPermi="['device:protection']"
+                  >导出</el-button
+                >
+              </el-col>
+              <!-- <el-col :span="1.5">
+              <el-button
+                type="success"
+                plain
+                icon="el-icon-edit-outline"
+                size="mini"
+                :disabled="single"
+                @click="handleUpdate"
+                v-hasPermi="['system:user:edit']"
+                >修改</el-button
+              >
+            </el-col>
+            <el-col :span="1.5">
+              <el-button
+                type="danger"
+                plain
+                icon="el-icon-delete"
+                size="mini"
+                :disabled="multiple"
+                @click="handleDelete"
+                v-hasPermi="['system:user:remove']"
+                >删除</el-button
+              >
+            </el-col>-->
+
+              <right-toolbar
+                :showSearch.sync="showSearch"
+                @queryTable="getList"
+                :columns="columns"
+              ></right-toolbar>
+            </el-row>
+          </div>
+          <el-table
+            border
+            v-loading="loading"
+            :data="pageData"
+            @selection-change="handleSelectionChange"
+          >
+            <el-table-column
+              type="index"
+              label="序号"
+              v-if="columns[0].visible"
+            ></el-table-column>
+            <el-table-column
+              prop="orgName"
+              label="所属机构"
+              v-if="columns[1].visible"
+            ></el-table-column>
+            <el-table-column
+              prop="name"
+              label="报警控制器名称"
+              v-if="columns[2].visible"
             >
-            <el-button
-              type="primary"
-              plain
-              icon="el-icon-download"
-              size="mini"
-              @click="handleExport()"
-              v-hasPermi="['device:protection']"
-              >导出</el-button
+            </el-table-column>
+            <el-table-column
+              prop="status"
+              label="报警控制器状态"
+              v-if="columns[3].visible"
             >
-          </el-col>
-          <!-- <el-col :span="1.5">
-            <el-button
-              type="success"
-              plain
-              icon="el-icon-edit-outline"
-              size="mini"
-              :disabled="single"
-              @click="handleUpdate"
-              v-hasPermi="['system:user:edit']"
-              >修改</el-button
+              <template slot-scope="r"
+                >{{
+                  getLabel(dict.type.protection_status, r.row.status, "未知")
+                }}
+              </template>
+            </el-table-column>
+            <el-table-column
+              prop="statusUpdatorName"
+              label="登记人"
+              v-if="columns[4].visible"
             >
-          </el-col>
-          <el-col :span="1.5">
-            <el-button
-              type="danger"
-              plain
-              icon="el-icon-delete"
-              size="mini"
-              :disabled="multiple"
-              @click="handleDelete"
-              v-hasPermi="['system:user:remove']"
-              >删除</el-button
+            </el-table-column>
+            <el-table-column
+              prop="statusUpdateTime"
+              label="最近登记时间"
+              v-if="columns[5].visible"
             >
-          </el-col>-->
-
-          <right-toolbar
-            :showSearch.sync="showSearch"
-            @queryTable="getList"
-            :columns="columns"
-          ></right-toolbar>
-        </el-row>
-
-        <el-table
-          border
-          v-loading="loading"
-          :data="pageData"
-          @selection-change="handleSelectionChange"
-        >
-          <el-table-column
-            type="index"
-            label="序号"
-            v-if="columns[0].visible"
-          ></el-table-column>
-          <el-table-column
-            prop="orgName"
-            label="所属机构"
-            v-if="columns[1].visible"
-          ></el-table-column>
-          <el-table-column
-            prop="name"
-            label="报警控制器名称"
-            v-if="columns[2].visible"
-          >
-          </el-table-column>
-          <el-table-column
-            prop="status"
-            label="报警控制器状态"
-            v-if="columns[3].visible"
-          >
-            <template slot-scope="r"
-              >{{ getLabel(dict.type.protection_status, r.row.status, "未知") }}
-            </template>
-          </el-table-column>
-          <el-table-column
-            prop="statusUpdatorName"
-            label="登记人"
-            v-if="columns[4].visible"
-          >
-          </el-table-column>
-          <el-table-column
-            prop="statusUpdateTime"
-            label="最近登记时间"
-            v-if="columns[5].visible"
-          >
-          </el-table-column>
-          <el-table-column label="操作">
-            <template slot-scope="r">
-              <!-- <el-button
+            </el-table-column>
+            <el-table-column label="操作">
+              <template slot-scope="r">
+                <!-- <el-button
                 size="mini"
                 type="text"
                 icon="el-icon-edit-outline"
@@ -183,46 +190,47 @@
                 v-hasPermi="['device:protectionstatus:maintain']"
                 >撤防</el-button
               > -->
-              <el-button
-                size="mini"
-                type="text"
-                icon="el-icon-edit-outline"
-                @click="onEdit(r.row.id)"
-                v-hasPermi="['device:protection:edit']"
-                >编辑</el-button
-              >
-              <el-button
-                size="mini"
-                type="text"
-                icon="el-icon-document-copy"
-                @click="onHistory(r.row)"
-                v-hasPermi="['device:protection']"
-                >布撤防历史</el-button
-              >
-              <el-popconfirm
-                @confirm="onDel(r.row.id)"
-                title="点击确定删除报警控制器"
-              >
                 <el-button
                   size="mini"
                   type="text"
-                  icon="el-icon-delete"
-                  v-hasPermi="['device:protection:remove']"
-                  slot="reference"
-                  >删除</el-button
+                  icon="el-icon-edit-outline"
+                  @click="onEdit(r.row.id)"
+                  v-hasPermi="['device:protection:edit']"
+                  >编辑</el-button
+                >
+                <el-button
+                  size="mini"
+                  type="text"
+                  icon="el-icon-document-copy"
+                  @click="onHistory(r.row)"
+                  v-hasPermi="['device:protection']"
+                  >布撤防历史</el-button
                 >
-              </el-popconfirm>
-            </template>
-          </el-table-column>
-        </el-table>
+                <el-popconfirm
+                  @confirm="onDel(r.row.id)"
+                  title="点击确定删除报警控制器"
+                >
+                  <el-button
+                    size="mini"
+                    type="text"
+                    icon="el-icon-delete"
+                    v-hasPermi="['device:protection:remove']"
+                    slot="reference"
+                    >删除</el-button
+                  >
+                </el-popconfirm>
+              </template>
+            </el-table-column>
+          </el-table>
 
-        <pagination
-          v-show="total > 0"
-          :total="total"
-          :page.sync="queryParams.pageNum"
-          :limit.sync="queryParams.pageSize"
-          @pagination="getList"
-        />
+          <pagination
+            v-show="total > 0"
+            :total="total"
+            :page.sync="queryParams.pageNum"
+            :limit.sync="queryParams.pageSize"
+            @pagination="getList"
+          />
+        </div>
       </el-col>
     </el-row>
     <dialog-edit
@@ -245,7 +253,7 @@ import DialogHistory from "./dialog.history";
 import * as api from "@/api/resumption/protection";
 import { getLabel } from "./../../commonOption";
 import { mapGetters } from "vuex";
-import dayjs from "dayjs"
+import dayjs from "dayjs";
 import DataRangePicker from "@/components/dateTime/daterange.picker.vue";
 export default {
   name: "protection",
@@ -254,7 +262,7 @@ export default {
     DialogEdit,
     OrgTree,
     DialogHistory,
-    DataRangePicker
+    DataRangePicker,
   },
   data() {
     const { params, query } = this.$route;
@@ -314,14 +322,13 @@ export default {
     },
     getDefaultKey(key) {
       this.queryParams.orgId = key;
-     this. selectedOrgName=this.orgName,
-      this.getList();
+      (this.selectedOrgName = this.orgName), this.getList();
     },
     handleAdd(id, other = {}) {
       this.$refs.editDialog.show(id, other);
     },
-    handleExport(){
-      if (this.total==0) {
+    handleExport() {
+      if (this.total == 0) {
         this.$message.error({
           message: `无可用数据导出！`,
           type: "error",
@@ -381,8 +388,7 @@ export default {
     // 节点单击事件
     clickTreeNode(data) {
       this.queryParams.orgId = data.id;
-      this. selectedOrgName=data.name,
-      this.getList();
+      (this.selectedOrgName = data.name), this.getList();
     },
   },
   mounted() {},

src/views/resumption/rule/index.vue

@@ -13,147 +13,157 @@
       </el-col>
 
       <el-col :span="20" :xs="24" class="el-col-ex">
-        <!--    搜索条件    -->
-        <el-form
-          :model="queryParams"
-          ref="search"
-          size="small"
-          :inline="true"
-          v-show="showSearch"
-          label-width="100px"
-        >
-          <el-form-item prop="name" label="履职库名称">
-            <el-input
-              v-model="queryParams.name"
-              :maxlength="50"
-              placeholder="请输入履职库名称"
-              clearable
-            />
-          </el-form-item>
-          <el-form-item prop="orgType" label="履职机构类型">
-            <el-select
-              prop="orgType"
-              label="履职机构类型"
-              v-model="queryParams.orgType"
-              placeholder="请选择履职机构类型"
-              clearable
+        <div class="main-right-box">
+          <!--    搜索条件    -->
+          <div class="main-search-box">
+            <!--    搜索条件    -->
+            <el-form
+              :model="queryParams"
+              ref="search"
+              size="small"
+              :inline="true"
+              v-show="showSearch"
+              label-width="100px"
             >
-              <el-option
-                v-for="item in dict.type.sys_org_type"
-                :key="item.value"
-                :label="item.label"
-                :value="item.value"
-              >
-              </el-option>
-            </el-select>
-          </el-form-item>
-          <el-form-item>
-            
-          </el-form-item>
-        </el-form>
+              <el-form-item prop="name" label="履职库名称">
+                <el-input
+                  v-model="queryParams.name"
+                  :maxlength="50"
+                  placeholder="请输入履职库名称"
+                  clearable
+                />
+              </el-form-item>
+              <el-form-item prop="orgType" label="履职机构类型">
+                <el-select
+                  prop="orgType"
+                  label="履职机构类型"
+                  v-model="queryParams.orgType"
+                  placeholder="请选择履职机构类型"
+                  clearable
+                >
+                  <el-option
+                    v-for="item in dict.type.sys_org_type"
+                    :key="item.value"
+                    :label="item.label"
+                    :value="item.value"
+                  >
+                  </el-option>
+                </el-select>
+              </el-form-item>
+              <el-form-item> </el-form-item>
+            </el-form>
 
-        <!--    按纽    -->
-        <el-row :gutter="10" class="mb8">
-          <el-col :span="1.5">
-            <el-button
-              type="primary"
-              icon="el-icon-search"
-              size="mini"
-              @click="refresh"
-              v-hasPermi="['resumption:rule:query']"
-              >搜索</el-button
-            >
-            <el-button type="primary" icon="el-icon-refresh" size="mini" @click="resetQuery"
-              >重置</el-button
+            <!--    按纽    -->
+            <el-row :gutter="10" class="mb8">
+              <el-col :span="1.5">
+                <el-button
+                  type="primary"
+                  icon="el-icon-search"
+                  size="mini"
+                  @click="refresh"
+                  v-hasPermi="['resumption:rule:query']"
+                  >搜索</el-button
+                >
+                <el-button
+                  type="primary"
+                  icon="el-icon-refresh"
+                  size="mini"
+                  @click="resetQuery"
+                  >重置</el-button
+                >
+                <el-button
+                  type="primary"
+                  icon="el-icon-plus"
+                  size="mini"
+                  @click="handleAdd()"
+                  v-hasPermi="['resumption:rule:add']"
+                  >新增履职内容库</el-button
+                >
+              </el-col>
+              <right-toolbar
+                :showSearch.sync="showSearch"
+                @queryTable="getList"
+                :columns="columns"
+              ></right-toolbar>
+            </el-row>
+          </div>
+          <el-table
+            v-loading="loading"
+            :data="pageData"
+            @selection-change="handleSelectionChange"
+            max-height="calc(100% - 150px)"
+          >
+            <el-table-column
+              type="index"
+              label="序号"
+              v-if="columns[0].visible"
+            ></el-table-column>
+            <el-table-column
+              prop="name"
+              label="履职库名称"
+              v-if="columns[1].visible"
+            ></el-table-column>
+            <el-table-column
+              prop="orgType"
+              label="履职机构类型"
+              v-if="columns[2].visible"
             >
-            <el-button
-              type="primary"
-              icon="el-icon-plus"
-              size="mini"
-              @click="handleAdd()"
-              v-hasPermi="['resumption:rule:add']"
-              >新增</el-button
+              <template slot-scope="r"
+                >{{ getLabel(dict.type.sys_org_type, r.row.orgType) }}
+              </template>
+            </el-table-column>
+            <el-table-column
+              prop="orgName"
+              label="发布机构"
+              v-if="columns[3].visible"
+            ></el-table-column>
+            <el-table-column
+              prop="status"
+              label="状态"
+              v-if="columns[4].visible"
             >
-          </el-col>
-          <right-toolbar
-            :showSearch.sync="showSearch"
-            @queryTable="getList"
-            :columns="columns"
-          ></right-toolbar>
-        </el-row>
-
-        <el-table
-          v-loading="loading"
-          :data="pageData"
-          @selection-change="handleSelectionChange"
-          max-height="calc(100% - 150px)"
-        >
-          <el-table-column
-            type="index"
-            label="序号"
-            v-if="columns[0].visible"
-          ></el-table-column>
-          <el-table-column
-            prop="name"
-            label="履职库名称"
-            v-if="columns[1].visible"
-          ></el-table-column>
-          <el-table-column
-            prop="orgType"
-            label="履职机构类型"
-            v-if="columns[2].visible"
-          >
-            <template slot-scope="r"
-              >{{ getLabel(dict.type.sys_org_type, r.row.orgType) }}
-            </template>
-          </el-table-column>
-          <el-table-column
-            prop="orgName"
-            label="发布机构"
-            v-if="columns[3].visible"
-          ></el-table-column>
-          <el-table-column prop="status" label="状态" v-if="columns[4].visible">
-            <template slot-scope="r">
-              <span>{{ getLabel(dict.type.plan_status, r.row.status) }}</span>
-            </template>
-          </el-table-column>
-          <el-table-column
-            prop="remark"
-            label="备注"
-            v-if="columns[5].visible"
-          ></el-table-column>
-          <el-table-column label="操作" class="small-padding fixed-width">
-            <template slot-scope="r">
-              <el-button
-                size="mini"
-                type="text"
-                icon="el-icon-edit-outline"
-                @click="onEdit(r.row.id)"
-                v-hasPermi="['resumption:rule:edit']"
-                v-if="orgId == r.row.orgId"
-                >编辑</el-button
-              >
-              <el-button
-                type="text"
-                size="small"
-                slot="reference"
-                icon="el-icon-delete"
-                v-if="orgId == r.row.orgId"
-                v-hasPermi="['resumption:rule:remove']"
-                @click="onDel(r.row.id)"
-                >删除</el-button
-              >
-            </template>
-          </el-table-column>
-        </el-table>
+              <template slot-scope="r">
+                <span>{{ getLabel(dict.type.plan_status, r.row.status) }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column
+              prop="remark"
+              label="备注"
+              v-if="columns[5].visible"
+            ></el-table-column>
+            <el-table-column label="操作" class="small-padding fixed-width">
+              <template slot-scope="r">
+                <el-button
+                  size="mini"
+                  type="text"
+                  icon="el-icon-edit-outline"
+                  @click="onEdit(r.row.id)"
+                  v-hasPermi="['resumption:rule:edit']"
+                  v-if="orgId == r.row.orgId"
+                  >编辑</el-button
+                >
+                <el-button
+                  type="text"
+                  size="small"
+                  slot="reference"
+                  icon="el-icon-delete"
+                  v-if="orgId == r.row.orgId"
+                  v-hasPermi="['resumption:rule:remove']"
+                  @click="onDel(r.row.id)"
+                  >删除</el-button
+                >
+              </template>
+            </el-table-column>
+          </el-table>
 
-        <pagination
-          v-show="total > 0"
-          :total="total"
-          :page.sync="queryParams.pageNum"
-          :limit.sync="queryParams.pageSize"
-          @pagination="getList"
-        />
+          <pagination
+            v-show="total > 0"
+            :total="total"
+            :page.sync="queryParams.pageNum"
+            :limit.sync="queryParams.pageSize"
+            @pagination="getList"
+          />
+        </div>
       </el-col>
     </el-row>
     <dialog-edit
@@ -298,12 +308,11 @@ export default {
   display: flex;
   flex-direction: column;
 }
-  .el-row-ex{
-    height:100%;
+.el-row-ex {
+  height: 100%;
 
-    ::v-deep .el-col-ex{
-      height:100%;
-    }
+  ::v-deep .el-col-ex {
+    height: 100%;
   }
-
+}
 </style>

src/views/resumption/ruleManager/dialog.editItem.vue

@@ -32,7 +32,7 @@
         </div>
         <div class="box">
           <div style="margin-bottom: 10px">
-            <el-button type="primary" @click="onEdit(-1)"
+            <el-button type="primary" icon="el-icon-plus" @click="onEdit(-1)"
               >新增履职内容</el-button
             >
           </div>

src/views/resumption/ruleManager/index.vue

@@ -2,105 +2,227 @@
   <div class="app-container">
     <el-row :gutter="20">
       <el-col :span="4" :xs="24">
-        <org-tree v-model="queryParams.orgId" @click="clicktreenode" :customRequest="treeData"
-          searchPlaceHolder="输入关键字进行过滤" :expand-on-click-node="true" node-key="id" :default-expanded-keys="topItemKeys"
-          accordion :defaultProps="defaultProps" :showLowerCheck="false" :renderContent="renderContent">
+        <org-tree
+          v-model="queryParams.orgId"
+          @click="clicktreenode"
+          :customRequest="treeData"
+          searchPlaceHolder="输入关键字进行过滤"
+          :expand-on-click-node="true"
+          node-key="id"
+          :default-expanded-keys="topItemKeys"
+          accordion
+          :defaultProps="defaultProps"
+          :showLowerCheck="false"
+          :renderContent="renderContent"
+        >
         </org-tree>
       </el-col>
       <el-col :span="20" :xs="24">
-        <el-form :model="queryParams" ref="search" size="small" :inline="true" v-show="showSearch && rule" label-width="100px">
-          <el-form-item prop="itemName" label="履职项" class="search_itemname">
-            <el-input v-model="queryParams.itemName" placeholder="请输入履职项" maxlength="50" clearable></el-input>
-          </el-form-item>
-          <el-form-item prop="pointName" label="履职内容">
-            <el-input v-model="queryParams.pointName" placeholder="请输入履职内容" maxlength="50" clearable></el-input>
-          </el-form-item>         
-        </el-form>
-        <!--    按纽    -->
-        <el-row :gutter="10" class="mb8">
-          <el-col :span="1.5">
-            <el-button type="primary" icon="el-icon-search" size="mini" @click="refresh"
-              v-hasPermi="['resumption:ruleManager']">搜索</el-button>
-            <el-button type="primary" icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
-            <el-button type="primary" size="mini" icon="el-icon-plus" @click="onAddItem()" :disabled="rule ? false : true"
-              v-hasPermi="['resumption:ruleManager:add']"
-              v-if="rule && rule.orgId == orgId && rule.ruleStatus == 0">新增</el-button>
-            <!-- <el-button
-              type="primary"
-              @click="onSelect()"
-              >选择</el-button
-            > -->
-            <el-button type="primary" :icon="expandAll ?'el-icon-arrow-up':'el-icon-arrow-down'" @click="dakai" size="mini" :disabled="rule ? false : true">{{ expandAll ? "收起所有行" :
-              "展开所有行" }}</el-button>
-          </el-col>
-          <!-- <el-col :span="1.5">
-            <el-button
-              type="success"
-              plain
-              icon="el-icon-edit-outline"
-              size="mini"
-              :disabled="single"
-              @click="handleUpdate"
-              v-hasPermi="['system:user:edit']"
-              >修改</el-button
+        <div class="main-right-box">
+          <!--    搜索条件    -->
+          <div class="main-search-box">
+            <el-form
+              :model="queryParams"
+              ref="search"
+              size="small"
+              :inline="true"
+              v-show="showSearch && rule"
+              label-width="100px"
             >
-          </el-col>
-          <el-col :span="1.5">
-            <el-button
-              type="danger"
-              plain
-              icon="el-icon-delete"
-              size="mini"
-              :disabled="multiple"
-              @click="handleDelete"
-              v-hasPermi="['system:user:remove']"
-              >删除</el-button
-            >
-          </el-col>-->
+              <el-form-item
+                prop="itemName"
+                label="履职项"
+                class="search_itemname"
+              >
+                <el-input
+                  v-model="queryParams.itemName"
+                  placeholder="请输入履职项"
+                  maxlength="50"
+                  clearable
+                ></el-input>
+              </el-form-item>
+              <el-form-item prop="pointName" label="履职内容">
+                <el-input
+                  v-model="queryParams.pointName"
+                  placeholder="请输入履职内容"
+                  maxlength="50"
+                  clearable
+                ></el-input>
+              </el-form-item>
+            </el-form>
+            <!--    按纽    -->
+            <el-row :gutter="10" class="mb8">
+              <el-col :span="1.5">
+                <el-button
+                  type="primary"
+                  icon="el-icon-search"
+                  size="mini"
+                  @click="refresh"
+                  v-hasPermi="['resumption:ruleManager']"
+                  >搜索</el-button
+                >
+                <el-button
+                  type="primary"
+                  icon="el-icon-refresh"
+                  size="mini"
+                  @click="resetQuery"
+                  >重置</el-button
+                >
+                <el-button
+                  type="primary"
+                  size="mini"
+                  icon="el-icon-plus"
+                  @click="onAddItem()"
+                  :disabled="rule ? false : true"
+                  v-hasPermi="['resumption:ruleManager:add']"
+                  v-if="rule && rule.orgId == orgId && rule.ruleStatus == 0"
+                  >新增履职项</el-button
+                >
+                <!-- <el-button
+                  type="primary"
+                  @click="onSelect()"
+                  >选择</el-button
+                > -->
+                <el-button
+                  type="primary"
+                  :icon="expandAll ? 'el-icon-arrow-up' : 'el-icon-arrow-down'"
+                  @click="dakai"
+                  size="mini"
+                  :disabled="rule ? false : true"
+                  >{{ expandAll ? "收起所有行" : "展开所有行" }}</el-button
+                >
+              </el-col>
+              <!-- <el-col :span="1.5">
+                <el-button
+                  type="success"
+                  plain
+                  icon="el-icon-edit-outline"
+                  size="mini"
+                  :disabled="single"
+                  @click="handleUpdate"
+                  v-hasPermi="['system:user:edit']"
+                  >修改</el-button
+                >
+              </el-col>
+              <el-col :span="1.5">
+                <el-button
+                  type="danger"
+                  plain
+                  icon="el-icon-delete"
+                  size="mini"
+                  :disabled="multiple"
+                  @click="handleDelete"
+                  v-hasPermi="['system:user:remove']"
+                  >删除</el-button
+                >
+              </el-col>-->
 
-          <right-toolbar :showSearch.sync="showSearch" @queryTable="getList" :columns="columns"></right-toolbar>
-        </el-row>
-        <el-table :data="tableData" border :default-expand-all="expandAll" v-if="fresh" style="width: 100%"
-          v-loading="loading">
-          <el-table-column type="expand">
-            <template slot-scope="props">
-              <el-table :data="props.row.pointDtoList" border style="width: 100%">
-                <el-table-column prop="name" label="履职内容" v-if="columns[3].visible">
-                </el-table-column>
-                <el-table-column prop="areaName" label="履职区域" v-if="columns[4].visible">
-                </el-table-column>
-                <el-table-column prop="checkName" label="履职点位">
-                </el-table-column>
-                <!-- <el-table-column prop="dataTypeName" label="数据类型">
+              <right-toolbar
+                :showSearch.sync="showSearch"
+                @queryTable="getList"
+                :columns="columns"
+              ></right-toolbar>
+            </el-row>
+          </div>
+          <el-table
+            :data="tableData"
+            border
+            :default-expand-all="expandAll"
+            v-if="fresh"
+            style="width: 100%"
+            v-loading="loading"
+          >
+            <el-table-column type="expand">
+              <template slot-scope="props">
+                <el-table
+                  :data="props.row.pointDtoList"
+                  border
+                  style="width: 100%"
+                >
+                  <el-table-column
+                    prop="name"
+                    label="履职内容"
+                    v-if="columns[3].visible"
+                  >
+                  </el-table-column>
+                  <el-table-column
+                    prop="areaName"
+                    label="履职区域"
+                    v-if="columns[4].visible"
+                  >
+                  </el-table-column>
+                  <el-table-column prop="checkName" label="履职点位">
+                  </el-table-column>
+                  <!-- <el-table-column prop="dataTypeName" label="数据类型">
                 </el-table-column>
                 <el-table-column prop="degreeRiskName" label="风险等级">
                 </el-table-column> -->
-              </el-table>
-            </template>
-          </el-table-column>
-          <el-table-column type="index" label="序号" width="80" v-if="columns[0].visible">
-          </el-table-column>
-          <el-table-column prop="name" label="履职项" v-if="columns[1].visible">
-          </el-table-column>
-          <!-- <el-table-column prop="itemDesc" label="标准及要求">
+                </el-table>
+              </template>
+            </el-table-column>
+            <el-table-column
+              type="index"
+              label="序号"
+              width="80"
+              v-if="columns[0].visible"
+            >
+            </el-table-column>
+            <el-table-column
+              prop="name"
+              label="履职项"
+              v-if="columns[1].visible"
+            >
+            </el-table-column>
+            <!-- <el-table-column prop="itemDesc" label="标准及要求">
           </el-table-column> -->
-          <el-table-column prop="pointNums" label="履职内容数量" v-if="columns[2].visible">
-          </el-table-column>
-          <el-table-column label="操作" width="140" v-if="rule && rule.orgId == orgId && rule.ruleStatus == 0">
-            <template slot-scope="scope">
-              <el-button type="text" size="small" icon="el-icon-edit-outline" @click="onEditItem(scope.row.id)"
-                v-hasPermi="['resumption:ruleManager:edit']">编辑</el-button>
-              <el-button type="text" size="small" slot="reference" icon="el-icon-delete" @click="deldata(scope.row.id)"
-                v-hasPermi="['resumption:ruleManager:remove']">删除</el-button>
-            </template>
-          </el-table-column>
-        </el-table>
-        <pagination v-show="total > 0" :total="total" :page.sync="queryParams.pageNum" :limit.sync="queryParams.pageSize"
-          @pagination="getList" />
+            <el-table-column
+              prop="pointNums"
+              label="履职内容数量"
+              v-if="columns[2].visible"
+            >
+            </el-table-column>
+            <el-table-column
+              label="操作"
+              width="140"
+              v-if="rule && rule.orgId == orgId && rule.ruleStatus == 0"
+            >
+              <template slot-scope="scope">
+                <el-button
+                  type="text"
+                  size="small"
+                  icon="el-icon-edit-outline"
+                  @click="onEditItem(scope.row.id)"
+                  v-hasPermi="['resumption:ruleManager:edit']"
+                  >编辑</el-button
+                >
+                <el-button
+                  type="text"
+                  size="small"
+                  slot="reference"
+                  icon="el-icon-delete"
+                  @click="deldata(scope.row.id)"
+                  v-hasPermi="['resumption:ruleManager:remove']"
+                  >删除</el-button
+                >
+              </template>
+            </el-table-column>
+          </el-table>
+          <pagination
+            v-show="total > 0"
+            :total="total"
+            :page.sync="queryParams.pageNum"
+            :limit.sync="queryParams.pageSize"
+            @pagination="getList"
+          />
+        </div>
       </el-col>
     </el-row>
-    <dialog-edit ref="dialogEdit" :rule="rule" :pointDataSource="dict.type.point_data_source"
-      @success="onSuccess"></dialog-edit>
+    <dialog-edit
+      ref="dialogEdit"
+      :rule="rule"
+      :pointDataSource="dict.type.point_data_source"
+      @success="onSuccess"
+    ></dialog-edit>
   </div>
 </template>
 
@@ -180,7 +302,7 @@ export default {
     // await this.getassetlist();
   },
 
-  mounted() { },
+  mounted() {},
 
   methods: {
     treeData,

src/views/resumption/taskManager/index.vue

@@ -12,171 +12,181 @@
         ></org-tree>
       </el-col>
       <el-col :span="20" :xs="24">
-        <!--    搜索条件    -->
-        <el-form
-          :model="queryParams"
-          ref="queryParams"
-          size="small"
-          :inline="true"
-          v-show="showSearch"
-          label-width="100px"
-        >
-          <el-form-item label="任务名称" prop="planId">
-            <el-select
-              v-model="queryParams.planId"
-              filterable
-              placeholder="请选择任务名称"
-              clearable
+        <div class="main-right-box">
+          <!--    搜索条件    -->
+          <div class="main-search-box">
+            <el-form
+              :model="queryParams"
+              ref="queryParams"
+              size="small"
+              :inline="true"
+              v-show="showSearch"
+              label-width="100px"
             >
-              <el-option
-                v-for="item in planList"
-                :key="item.id"
-                :label="item.name"
-                :value="item.id"
-              >
-              </el-option>
-            </el-select>
-          </el-form-item>
-          <el-form-item label="履职人员" prop="executeRole">
-            <el-select
-              v-model="queryParams.executeRole"
-              placeholder="请选择履职人员"
-              clearable
+              <el-form-item label="任务名称" prop="planId">
+                <el-select
+                  v-model="queryParams.planId"
+                  filterable
+                  placeholder="请选择任务名称"
+                  clearable
+                >
+                  <el-option
+                    v-for="item in planList"
+                    :key="item.id"
+                    :label="item.name"
+                    :value="item.id"
+                  >
+                  </el-option>
+                </el-select>
+              </el-form-item>
+              <el-form-item label="履职人员" prop="executeRole">
+                <el-select
+                  v-model="queryParams.executeRole"
+                  placeholder="请选择履职人员"
+                  clearable
+                >
+                  <el-option
+                    v-for="item in roleList"
+                    :key="item.id"
+                    :label="item.name"
+                    :value="item.id"
+                  ></el-option>
+                </el-select>
+              </el-form-item>
+              <el-form-item label="任务进度" prop="status">
+                <el-select
+                  v-model="queryParams.status"
+                  placeholder="请选择任务进度"
+                  clearable
+                >
+                  <el-option
+                    v-for="item in dict.type.resumption_status"
+                    :key="item.value"
+                    :label="item.label"
+                    :value="item.value"
+                  ></el-option>
+                </el-select>
+              </el-form-item>
+              <el-form-item class="searchTitle" label="任务时间">
+                <DataRangePicker
+                  v-model="queryParams.range"
+                  key="daterange"
+                  type="daterange"
+                  :clearable="timeClearable"
+                  range-separator="至"
+                  start-placeholder="开始日期"
+                  end-placeholder="结束日期"
+                />
+              </el-form-item>
+            </el-form>
+            <!--    按纽    -->
+            <el-row :gutter="10" class="mb8">
+              <el-col :span="1.5">
+                <el-button
+                  type="primary"
+                  icon="el-icon-search"
+                  size="mini"
+                  @click="getList"
+                  >搜索</el-button
+                >
+                <el-button
+                  icon="el-icon-refresh"
+                  size="mini"
+                  @click="resetQuery"
+                  >重置</el-button
+                >
+                <el-button
+                  type="primary"
+                  plain
+                  icon="el-icon-download"
+                  size="mini"
+                  @click="exportExcel()"
+                  v-hasPermi="['resumption:taskManager:export']"
+                  >导出</el-button
+                >
+              </el-col>
+
+              <right-toolbar
+                :showSearch.sync="showSearch"
+                @queryTable="getList"
+                :columns="columns"
+              ></right-toolbar>
+            </el-row>
+          </div>
+          <el-table
+            border
+            height="600"
+            size="small"
+            v-loading="loading"
+            :data="pageData"
+          >
+            <el-table-column
+              type="index"
+              fixed
+              min-width="50"
+              label="序号"
+              v-if="columns[0].visible"
             >
-              <el-option
-                v-for="item in roleList"
-                :key="item.id"
-                :label="item.name"
-                :value="item.id"
-              ></el-option>
-            </el-select>
-          </el-form-item>
-          <el-form-item label="任务进度" prop="status">
-            <el-select
-              v-model="queryParams.status"
-              placeholder="请选择任务进度"
-              clearable
+            </el-table-column>
+            <el-table-column
+              prop="name"
+              label="任务名称"
+              min-width="120"
+              v-if="columns[1].visible"
             >
-              <el-option
-                v-for="item in dict.type.resumption_status"
-                :key="item.value"
-                :label="item.label"
-                :value="item.value"
-              ></el-option>
-            </el-select>
-          </el-form-item>
-          <el-form-item class="searchTitle" label="任务时间">
-            <DataRangePicker
-              v-model="queryParams.range"
-              key="daterange"
-              type="daterange"
-              :clearable="timeClearable"
-              range-separator="至"
-              start-placeholder="开始日期"
-              end-placeholder="结束日期"
-            />
-          </el-form-item>
-        </el-form>
-        <!--    按纽    -->
-        <el-row :gutter="10" class="mb8">
-          <el-col :span="1.5">
-            <el-button
-              type="primary"
-              icon="el-icon-search"
-              size="mini"
-              @click="getList"
-              >搜索</el-button
+            </el-table-column>
+            <el-table-column
+              prop="orgName"
+              label="履职机构"
+              min-width="120"
+              v-if="columns[2].visible"
             >
-            <el-button icon="el-icon-refresh" size="mini" @click="resetQuery"
-              >重置</el-button
+            </el-table-column>
+            <el-table-column
+              prop="roleName"
+              label="履职人员"
+              min-width="120"
+              v-if="columns[3].visible"
             >
-            <el-button
-              type="primary"
-              plain
-              icon="el-icon-download"
-              size="mini"
-              @click="exportExcel()"
-              v-hasPermi="['resumption:taskManager:export']"
-              >导出</el-button
+            </el-table-column>
+            <el-table-column
+              prop="status"
+              label="任务进度"
+              width="100px"
+              v-if="columns[4].visible"
             >
-          </el-col>
-
-          <right-toolbar
-            :showSearch.sync="showSearch"
-            @queryTable="getList"
-            :columns="columns"
-          ></right-toolbar>
-        </el-row>
-        <el-table
-          border
-          height="600"
-          size="small"
-          v-loading="loading"
-          :data="pageData"
-        >
-          <el-table-column
-            type="index"
-            fixed
-            min-width="50"
-            label="序号"
-            v-if="columns[0].visible"
-          >
-          </el-table-column>
-          <el-table-column
-            prop="name"
-            label="任务名称"
-            min-width="120"
-            v-if="columns[1].visible"
-          >
-          </el-table-column>
-          <el-table-column
-            prop="orgName"
-            label="履职机构"
-            min-width="120"
-            v-if="columns[2].visible"
-          >
-          </el-table-column>
-          <el-table-column
-            prop="roleName"
-            label="履职人员"
-            min-width="120"
-            v-if="columns[3].visible"
-          >
-          </el-table-column>
-          <el-table-column
-            prop="status"
-            label="任务进度"
-            width="100px"
-            v-if="columns[4].visible"
-          >
-            <template slot-scope="r">
-              {{ getLabel(dict.type.resumption_status, r.row.status) }}
-            </template>
-          </el-table-column>
-          <el-table-column
-            prop="planStartTime"
-            label="任务时间"
-            width="200px"
-            v-if="columns[5].visible"
-          >
-          <template slot-scope="r">
-            {{dayjs(r.row.planStartTime).format("YYYY年MM月DD日")}}-{{dayjs(r.row.planEndTime).format("YYYY年MM月DD日")}}
-          </template>
-        </el-table-column>
-          <el-table-column
-            prop="abnormalDataNums"
-            label="隐患数量"
-            min-width="80"
-            v-if="columns[6].visible"
-          >
-          <template slot-scope="r">
-            <span v-if="r.row.status==2 || r.row.status==3">{{r.row.abnormalDataNums}}</span>
-          </template>
-          </el-table-column>
+              <template slot-scope="r">
+                {{ getLabel(dict.type.resumption_status, r.row.status) }}
+              </template>
+            </el-table-column>
+            <el-table-column
+              prop="planStartTime"
+              label="任务时间"
+              width="200px"
+              v-if="columns[5].visible"
+            >
+              <template slot-scope="r">
+                {{ dayjs(r.row.planStartTime).format("YYYY年MM月DD日") }}-{{
+                  dayjs(r.row.planEndTime).format("YYYY年MM月DD日")
+                }}
+              </template>
+            </el-table-column>
+            <el-table-column
+              prop="abnormalDataNums"
+              label="隐患数量"
+              min-width="80"
+              v-if="columns[6].visible"
+            >
+              <template slot-scope="r">
+                <span v-if="r.row.status == 2 || r.row.status == 3">{{
+                  r.row.abnormalDataNums
+                }}</span>
+              </template>
+            </el-table-column>
 
-          <el-table-column label="操作" fixed="right" min-width="120px">
-            <template slot-scope="r">
-              <!-- <el-button v-if="
+            <el-table-column label="操作" fixed="right" min-width="120px">
+              <template slot-scope="r">
+                <!-- <el-button v-if="
                             r.row.status == 'WAIT' &&
                             queryParams.type == 'QUARTER'
                         " type="text" @click="onEdit(r.row.id)">履职</el-button>
@@ -185,36 +195,40 @@
                             r.row.status != 'NOT' &&
                             r.row.status != 'WAIT'
                         " type="text" @click="onEdit(r.row.id, { isRead: true })">查看</el-button> -->
-              <el-button
-                type="text"
-                icon="el-icon-view"
-                @click="showDetail(r.row)"
-                v-show="r.row.status == 2 || r.row.status == 3"
-                v-hasPermi="['resumption:taskManager:query']"
-                >详情</el-button
-              >
-              <el-button
-                type="text"
-                icon="el-icon-document-copy"
-                @click="showscanRecord(r.row)"
-                v-show="r.row.status == 2 || r.row.status == 3"
-                v-hasPermi="['resumption:taskManager:query']"
-                >扫描记录</el-button
-              >
-            </template>
-          </el-table-column>
-        </el-table>
-        <pagination
-          v-show="total > 0"
-          :total="total"
-          :page.sync="queryParams.pageNum"
-          :limit.sync="queryParams.pageSize"
-          @pagination="getList"
-        />
+                <el-button
+                  type="text"
+                  icon="el-icon-view"
+                  @click="showDetail(r.row)"
+                  v-show="r.row.status == 2 || r.row.status == 3"
+                  v-hasPermi="['resumption:taskManager:query']"
+                  >详情</el-button
+                >
+                <el-button
+                  type="text"
+                  icon="el-icon-document-copy"
+                  @click="showscanRecord(r.row)"
+                  v-show="r.row.status == 2 || r.row.status == 3"
+                  v-hasPermi="['resumption:taskManager:query']"
+                  >扫描记录</el-button
+                >
+              </template>
+            </el-table-column>
+          </el-table>
+          <pagination
+            v-show="total > 0"
+            :total="total"
+            :page.sync="queryParams.pageNum"
+            :limit.sync="queryParams.pageSize"
+            @pagination="getList"
+          />
+        </div>
       </el-col>
     </el-row>
     <!-- 详情 -->
-    <dialog-detail ref="detaildialog" :statusOptions="dict.type.resumption_status"></dialog-detail>
+    <dialog-detail
+      ref="detaildialog"
+      :statusOptions="dict.type.resumption_status"
+    ></dialog-detail>
     <dialog-scan-record ref="scanrecorddialog"></dialog-scan-record>
   </div>
 </template>
@@ -321,9 +335,9 @@ export default {
         {
           ...this.queryParams,
         },
-        `${this.selectedOrgName}-${this.$tab.getCurrentTabName()}-${dayjs(new Date()).format(
-          "YYYYMMDD"
-        )}.xlsx`
+        `${this.selectedOrgName}-${this.$tab.getCurrentTabName()}-${dayjs(
+          new Date()
+        ).format("YYYYMMDD")}.xlsx`
       );
 
       // await api.exportResumptionRecord(this.queryParams);

src/views/safetycheck/rule/index.vue

@@ -13,142 +13,153 @@
       </el-col>
 
       <el-col :span="20" :xs="24">
-        <!--    搜索条件    -->
-        <el-form
-          :model="queryParams"
-          ref="search"
-          size="small"
-          :inline="true"
-          v-show="showSearch"
-          label-width="100px"
-        >
-          <el-form-item prop="name" label="检查库名称">
-            <el-input
-              v-model="queryParams.name"
-              :maxlength="50"
-              placeholder="请输入检查库名称"
-              clearable
-            />
-          </el-form-item>
-          <el-form-item prop="orgType" label="受检机构类型">
-            <el-select
-              prop="orgType"
-              label="受检机构类型"
-              v-model="queryParams.orgType"
-              placeholder="请选择受检机构类型"
-              clearable
+        <div class="main-right-box">
+          <!--    搜索条件    -->
+          <div class="main-search-box">
+            <el-form
+              :model="queryParams"
+              ref="search"
+              size="small"
+              :inline="true"
+              v-show="showSearch"
+              label-width="100px"
             >
-              <el-option
-                v-for="item in dict.type.sys_org_type"
-                :key="item.value"
-                :label="item.label"
-                :value="item.value"
-              >
-              </el-option>
-            </el-select>
-          </el-form-item>
-        </el-form>
+              <el-form-item prop="name" label="检查库名称">
+                <el-input
+                  v-model="queryParams.name"
+                  :maxlength="50"
+                  placeholder="请输入检查库名称"
+                  clearable
+                />
+              </el-form-item>
+              <el-form-item prop="orgType" label="受检机构类型">
+                <el-select
+                  prop="orgType"
+                  label="受检机构类型"
+                  v-model="queryParams.orgType"
+                  placeholder="请选择受检机构类型"
+                  clearable
+                >
+                  <el-option
+                    v-for="item in dict.type.sys_org_type"
+                    :key="item.value"
+                    :label="item.label"
+                    :value="item.value"
+                  >
+                  </el-option>
+                </el-select>
+              </el-form-item>
+            </el-form>
 
-        <!--    按纽    -->
-        <el-row :gutter="10" class="mb8">
-          <el-col :span="1.5">
-            <el-button
-              type="primary"
-              icon="el-icon-search"
-              size="mini"
-              @click="refresh"
-              v-hasPermi="['safetycheck:rule:query']"
-              >搜索</el-button
-            >
-            <el-button icon="el-icon-refresh" size="mini" @click="resetQuery"
-              >重置</el-button
-            >
-            <el-button
-              type="primary"
-              icon="el-icon-plus"
-              size="mini"
-              @click="handleAdd()"
-              v-hasPermi="['safetycheck:rule:add']"
-              >新增</el-button
-            >
-          </el-col>
-          <right-toolbar
-            :showSearch.sync="showSearch"
-            @queryTable="getList"
-            :columns="columns"
-          ></right-toolbar>
-        </el-row>
+            <!--    按纽    -->
+            <el-row :gutter="10" class="mb8">
+              <el-col :span="1.5">
+                <el-button
+                  type="primary"
+                  icon="el-icon-search"
+                  size="mini"
+                  @click="refresh"
+                  v-hasPermi="['safetycheck:rule:query']"
+                  >搜索</el-button
+                >
+                <el-button
+                  icon="el-icon-refresh"
+                  size="mini"
+                  @click="resetQuery"
+                  >重置</el-button
+                >
+                <el-button
+                  type="primary"
+                  icon="el-icon-plus"
+                  size="mini"
+                  @click="handleAdd()"
+                  v-hasPermi="['safetycheck:rule:add']"
+                  >新增检查内容库</el-button
+                >
+              </el-col>
+              <right-toolbar
+                :showSearch.sync="showSearch"
+                @queryTable="getList"
+                :columns="columns"
+              ></right-toolbar>
+            </el-row>
+          </div>
 
-        <el-table
-          v-loading="loading"
-          :data="pageData"
-          @selection-change="handleSelectionChange"
-        >
-          <el-table-column
-            type="index"
-            label="序号"
-            v-if="columns[0].visible"
-          ></el-table-column>
-          <el-table-column
-            prop="name"
-            label="检查库名称"
-            v-if="columns[1].visible"
-          ></el-table-column>
-          <el-table-column
-            prop="orgType"
-            label="受检机构类型"
-            v-if="columns[2].visible"
+          <el-table
+            v-loading="loading"
+            :data="pageData"
+            @selection-change="handleSelectionChange"
           >
-            <template slot-scope="r"
-              >{{ getLabel(dict.type.sys_org_type, r.row.orgType) }}
-            </template>
-          </el-table-column>
-          <el-table-column
-            prop="orgName"
-            label="发布机构"
-            v-if="columns[3].visible"
-          ></el-table-column>
-          <el-table-column prop="status" label="状态" v-if="columns[4].visible">
-            <template slot-scope="r">
-              <span>{{ getLabel(dict.type.plan_status, r.row.status) }}</span>
-            </template>
-          </el-table-column>
-          <el-table-column
-            prop="remark"
-            label="备注"
-            v-if="columns[5].visible"
-          ></el-table-column>
-          <el-table-column label="操作">
-            <template slot-scope="r" v-if="orgId == r.row.orgId">
-              <el-button
-                size="mini"
-                type="text"
-                icon="el-icon-edit-outline"
-                @click="onEdit(r.row.id)"
-                v-hasPermi="['safetycheck:rule:edit']"
-                >编辑</el-button
-              >
-              <el-button
-                type="text"
-                size="small"
-                slot="reference"
-                icon="el-icon-delete"
-                @click="onDel(r.row.id)"
-                v-if="orgId == r.row.orgId"
-                v-hasPermi="['safetycheck:rule:remove']"
-                >删除</el-button
-              >
-            </template>
-          </el-table-column>
-        </el-table>
+            <el-table-column
+              type="index"
+              label="序号"
+              v-if="columns[0].visible"
+            ></el-table-column>
+            <el-table-column
+              prop="name"
+              label="检查库名称"
+              v-if="columns[1].visible"
+            ></el-table-column>
+            <el-table-column
+              prop="orgType"
+              label="受检机构类型"
+              v-if="columns[2].visible"
+            >
+              <template slot-scope="r"
+                >{{ getLabel(dict.type.sys_org_type, r.row.orgType) }}
+              </template>
+            </el-table-column>
+            <el-table-column
+              prop="orgName"
+              label="发布机构"
+              v-if="columns[3].visible"
+            ></el-table-column>
+            <el-table-column
+              prop="status"
+              label="状态"
+              v-if="columns[4].visible"
+            >
+              <template slot-scope="r">
+                <span>{{ getLabel(dict.type.plan_status, r.row.status) }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column
+              prop="remark"
+              label="备注"
+              v-if="columns[5].visible"
+            ></el-table-column>
+            <el-table-column label="操作">
+              <template slot-scope="r" v-if="orgId == r.row.orgId">
+                <el-button
+                  size="mini"
+                  type="text"
+                  icon="el-icon-edit-outline"
+                  @click="onEdit(r.row.id)"
+                  v-hasPermi="['safetycheck:rule:edit']"
+                  >编辑</el-button
+                >
+                <el-button
+                  type="text"
+                  size="small"
+                  slot="reference"
+                  icon="el-icon-delete"
+                  @click="onDel(r.row.id)"
+                  v-if="orgId == r.row.orgId"
+                  v-hasPermi="['safetycheck:rule:remove']"
+                  >删除</el-button
+                >
+              </template>
+            </el-table-column>
+          </el-table>
 
-        <pagination
-          v-show="total > 0"
-          :total="total"
-          :page.sync="queryParams.pageNum"
-          :limit.sync="queryParams.pageSize"
-          @pagination="getList"
-        />
+          <pagination
+            v-show="total > 0"
+            :total="total"
+            :page.sync="queryParams.pageNum"
+            :limit.sync="queryParams.pageSize"
+            @pagination="getList"
+          />
+        </div>
       </el-col>
     </el-row>
     <dialog-edit

src/views/safetycheck/ruleManager/dialog.editItem.vue

@@ -29,7 +29,7 @@
         <div class="box">
           <p>检查内容</p>
           <div style="margin-bottom: 10px">
-            <el-button type="primary" @click="onEdit(-1)"
+            <el-button type="primary" icon="el-icon-plus" @click="onEdit(-1)"
               >新增检查内容</el-button
             >
           </div>

src/views/safetycheck/ruleManager/index.vue

@@ -19,151 +19,168 @@
         </org-tree>
       </el-col>
       <el-col :span="20" :xs="24">
-        <el-form
-          :model="queryParams"
-          ref="search"
-          size="small"
-          :inline="true"
-          v-show="showSearch && rule"
-          label-width="100px"
-        >
-          <el-form-item prop="itemName" label="检查项" class="search_itemname">
-            <el-input
-              v-model="queryParams.itemName"
-              placeholder="请输入内容"
-              maxlength="50"
-              clearable
-            ></el-input>
-          </el-form-item>
-          <el-form-item prop="pointName" label="检查内容">
-            <el-input
-              v-model="queryParams.pointName"
-              placeholder="请输入检查内容"
-              maxlength="50"
-              clearable
-            ></el-input>
-          </el-form-item>
-        </el-form>
-        <!--    按纽    -->
-        <el-row :gutter="10" class="mb8"  v-show="showSearch && rule">
-          <el-col :span="1.5">
-            <el-button
-              type="primary"
-              icon="el-icon-search"
-              size="mini"
-              @click="refresh"
-              v-hasPermi="['safetycheck:ruleManager']"
-              >搜索</el-button
+        <div class="main-right-box">
+          <!--    搜索条件    -->
+          <div class="main-search-box">
+            <el-form
+              :model="queryParams"
+              ref="search"
+              size="small"
+              :inline="true"
+              v-show="showSearch && rule"
+              label-width="100px"
             >
-            <el-button icon="el-icon-refresh" size="mini" @click="resetQuery"
-              >重置</el-button
+              <el-form-item
+                prop="itemName"
+                label="检查项"
+                class="search_itemname"
+              >
+                <el-input
+                  v-model="queryParams.itemName"
+                  placeholder="请输入内容"
+                  maxlength="50"
+                  clearable
+                ></el-input>
+              </el-form-item>
+              <el-form-item prop="pointName" label="检查内容">
+                <el-input
+                  v-model="queryParams.pointName"
+                  placeholder="请输入检查内容"
+                  maxlength="50"
+                  clearable
+                ></el-input>
+              </el-form-item>
+            </el-form>
+            <!--    按纽    -->
+            <el-row :gutter="10" class="mb8" v-show="showSearch && rule">
+              <el-col :span="1.5">
+                <el-button
+                  type="primary"
+                  icon="el-icon-search"
+                  size="mini"
+                  @click="refresh"
+                  v-hasPermi="['safetycheck:ruleManager']"
+                  >搜索</el-button
+                >
+                <el-button
+                  icon="el-icon-refresh"
+                  size="mini"
+                  @click="resetQuery"
+                  >重置</el-button
+                >
+                <el-button
+                  type="primary"
+                  size="mini"
+                  icon="el-icon-plus"
+                  @click="onAddItem()"
+                  :disabled="rule ? false : true"
+                  v-hasPermi="['safetycheck:ruleManager:add']"
+                  v-if="rule && rule.orgId == orgId && rule.ruleStatus == 0"
+                  >新增检查项</el-button
+                >
+                <!-- <el-button
+                type="primary".
+                @click="onSelect()"
+                >选择</el-button
+              > -->
+                <el-button
+                  type="warning"
+                  @click="dakai"
+                  size="mini"
+                  :disabled="rule ? false : true"
+                  >{{ expandAll ? "收起所有行" : "展开所有行" }}</el-button
+                >
+              </el-col>
+              <right-toolbar
+                :showSearch.sync="showSearch"
+                @queryTable="getList"
+                :columns="columns"
+              ></right-toolbar>
+            </el-row>
+          </div>
+          <el-table
+            :data="tableData"
+            border
+            :default-expand-all="expandAll"
+            v-if="fresh"
+            style="width: 100%"
+            v-loading="loading"
+          >
+            <el-table-column type="expand">
+              <template slot-scope="props">
+                <el-table
+                  :data="props.row.pointDtoList"
+                  border
+                  style="width: 100%"
+                >
+                  <el-table-column
+                    prop="name"
+                    label="检查内容"
+                    v-if="columns[3].visible"
+                  >
+                  </el-table-column>
+                  <el-table-column
+                    prop="areaName"
+                    label="检查区域"
+                    v-if="columns[4].visible"
+                  >
+                  </el-table-column>
+                </el-table>
+              </template>
+            </el-table-column>
+            <el-table-column
+              type="index"
+              label="序号"
+              width="80"
+              v-if="columns[0].visible"
             >
-            <el-button
-              type="primary"
-              size="mini"
-              @click="onAddItem()"
-              :disabled="rule ? false : true"
-              v-hasPermi="['safetycheck:ruleManager:add']"
-              v-if="rule && rule.orgId == orgId && rule.ruleStatus == 0"
-              >新 增</el-button
+            </el-table-column>
+            <el-table-column
+              prop="name"
+              label="检查项"
+              v-if="columns[1].visible"
             >
-            <!-- <el-button
-              type="primary".
-              @click="onSelect()"
-              >选择</el-button
-            > -->
-            <el-button
-              type="warning"
-              @click="dakai"
-              size="mini"
-              :disabled="rule ? false : true"
-              >{{ expandAll ? "收起所有行" : "展开所有行" }}</el-button
+            </el-table-column>
+            <el-table-column
+              prop="pointNums"
+              label="检查内容数量"
+              v-if="columns[2].visible"
             >
-          </el-col>
-          <right-toolbar
-            :showSearch.sync="showSearch"
-            @queryTable="getList"
-            :columns="columns"
-          ></right-toolbar>
-        </el-row>
-        <el-table
-          :data="tableData"
-          border
-          :default-expand-all="expandAll"
-          v-if="fresh"
-          style="width: 100%"
-          v-loading="loading"
-        >
-          <el-table-column type="expand">
-            <template slot-scope="props">
-              <el-table
-                :data="props.row.pointDtoList"
-                border
-                style="width: 100%"
-              >
-                <el-table-column
-                  prop="name"
-                  label="检查内容"
-                  v-if="columns[3].visible"
+            </el-table-column>
+            <el-table-column
+              label="操作"
+              width="140"
+              v-if="rule && rule.orgId == orgId && rule.ruleStatus == 0"
+            >
+              <template slot-scope="scope">
+                <el-button
+                  type="text"
+                  size="small"
+                  icon="el-icon-edit-outline"
+                  @click="onEditItem(scope.row.id)"
+                  v-hasPermi="['safetycheck:ruleManager:edit']"
+                  >编辑</el-button
                 >
-                </el-table-column>
-                <el-table-column
-                  prop="areaName"
-                  label="检查区域"
-                  v-if="columns[4].visible"
+                <el-button
+                  type="text"
+                  size="small"
+                  slot="reference"
+                  icon="el-icon-delete"
+                  @click="deldata(scope.row.id)"
+                  v-hasPermi="['safetycheck:ruleManager:remove']"
+                  >删除</el-button
                 >
-                </el-table-column>
-              </el-table>
-            </template>
-          </el-table-column>
-          <el-table-column
-            type="index"
-            label="序号"
-            width="80"
-            v-if="columns[0].visible"
-          >
-          </el-table-column>
-          <el-table-column prop="name" label="检查项" v-if="columns[1].visible">
-          </el-table-column>
-          <el-table-column
-            prop="pointNums"
-            label="检查内容数量"
-            v-if="columns[2].visible"
-          >
-          </el-table-column>
-          <el-table-column
-            label="操作"
-            width="140"
-            v-if="rule && rule.orgId == orgId && rule.ruleStatus == 0"
-          >
-            <template slot-scope="scope">
-              <el-button
-                type="text"
-                size="small"
-                icon="el-icon-edit-outline"
-                @click="onEditItem(scope.row.id)"
-                v-hasPermi="['safetycheck:ruleManager:edit']"
-                >编辑</el-button
-              >
-              <el-button
-                type="text"
-                size="small"
-                slot="reference"
-                icon="el-icon-delete"
-                @click="deldata(scope.row.id)"
-                v-hasPermi="['safetycheck:ruleManager:remove']"
-                >删除</el-button
-              >
-            </template>
-          </el-table-column>
-        </el-table>
-        <pagination
-          v-show="total > 0"
-          :total="total"
-          :page.sync="queryParams.pageNum"
-          :limit.sync="queryParams.pageSize"
-          @pagination="getList"
-        />
+              </template>
+            </el-table-column>
+          </el-table>
+          <pagination
+            v-show="total > 0"
+            :total="total"
+            :page.sync="queryParams.pageNum"
+            :limit.sync="queryParams.pageSize"
+            @pagination="getList"
+          />
+        </div>
       </el-col>
     </el-row>
     <dialog-edit