|  | @@ -1,8 +1,7 @@
 | 
	
		
			
				|  |  |  <template>
 | 
	
		
			
				|  |  |    <div class="app-container">
 | 
	
		
			
				|  |  | -    <el-row :gutter="20">
 | 
	
		
			
				|  |  | -      <!--机构数据-->
 | 
	
		
			
				|  |  | -      <el-col :span="4" :xs="24" v-if="false">
 | 
	
		
			
				|  |  | +    <!--机构数据-->
 | 
	
		
			
				|  |  | +    <!-- <el-col :span="4" :xs="24" v-if="false">
 | 
	
		
			
				|  |  |          <org-tree
 | 
	
		
			
				|  |  |            v-model="queryParams.orgId"
 | 
	
		
			
				|  |  |            @defaultKey="getDefaultKey"
 | 
	
	
		
			
				|  | @@ -10,33 +9,82 @@
 | 
	
		
			
				|  |  |            @click="clickTreeNode"
 | 
	
		
			
				|  |  |            wholeTree
 | 
	
		
			
				|  |  |          ></org-tree>
 | 
	
		
			
				|  |  | -      </el-col>
 | 
	
		
			
				|  |  | -      <!--用户数据-->
 | 
	
		
			
				|  |  | -      <el-col :span="24" :xs="24">
 | 
	
		
			
				|  |  | +      </el-col> -->
 | 
	
		
			
				|  |  | +    <!--用户数据-->
 | 
	
		
			
				|  |  | +    <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="year" v-if="false">
 | 
	
		
			
				|  |  | -            <el-date-picker
 | 
	
		
			
				|  |  | -              v-model="queryParams.year"
 | 
	
		
			
				|  |  | -              :clearable="timeClearable"
 | 
	
		
			
				|  |  | -              type="year"
 | 
	
		
			
				|  |  | -              placeholder="选择时间"
 | 
	
		
			
				|  |  | -              value-format="yyyy"
 | 
	
		
			
				|  |  | -              @change="handleQuery"
 | 
	
		
			
				|  |  | -            >
 | 
	
		
			
				|  |  | -            </el-date-picker>
 | 
	
		
			
				|  |  | -          </el-form-item>
 | 
	
		
			
				|  |  | +          ><el-row :gutter="50">
 | 
	
		
			
				|  |  | +            <el-col :span="6" :xs="24">
 | 
	
		
			
				|  |  | +              <el-form-item label="工作年度" prop="year">
 | 
	
		
			
				|  |  | +                <el-date-picker
 | 
	
		
			
				|  |  | +                  v-model="queryParams.year"
 | 
	
		
			
				|  |  | +                  :clearable="timeClearable"
 | 
	
		
			
				|  |  | +                  type="year"
 | 
	
		
			
				|  |  | +                  placeholder="请选择工作年度"
 | 
	
		
			
				|  |  | +                  value-format="yyyy"
 | 
	
		
			
				|  |  | +                >
 | 
	
		
			
				|  |  | +                </el-date-picker>
 | 
	
		
			
				|  |  | +              </el-form-item>
 | 
	
		
			
				|  |  | +            </el-col>
 | 
	
		
			
				|  |  | +            <el-col :span="8" :xs="24">
 | 
	
		
			
				|  |  | +              <el-form-item label="文件发布日期" prop="range">
 | 
	
		
			
				|  |  | +                <DataRangePicker
 | 
	
		
			
				|  |  | +                  type="daterange"
 | 
	
		
			
				|  |  | +                  :default-time="['00:00:00', '23:59:59']"
 | 
	
		
			
				|  |  | +                  start-placeholder="开始日期"
 | 
	
		
			
				|  |  | +                  end-placeholder="结束日期"
 | 
	
		
			
				|  |  | +                  v-model="queryParams.range"
 | 
	
		
			
				|  |  | +                >
 | 
	
		
			
				|  |  | +                </DataRangePicker>
 | 
	
		
			
				|  |  | +              </el-form-item>
 | 
	
		
			
				|  |  | +            </el-col>
 | 
	
		
			
				|  |  | +            <el-col :span="6" :xs="24">
 | 
	
		
			
				|  |  | +              <el-form-item label="组织机构" prop="orgId" class="formTreeItem">
 | 
	
		
			
				|  |  | +                <tree-select
 | 
	
		
			
				|  |  | +                  v-model="queryParams.orgId"
 | 
	
		
			
				|  |  | +                  :options="deptOptions"
 | 
	
		
			
				|  |  | +                  :show-count="true"
 | 
	
		
			
				|  |  | +                  :normalizer="tenantIdnormalizer"
 | 
	
		
			
				|  |  | +                  :props="{ checkStrictly: true, label: 'name' }"
 | 
	
		
			
				|  |  | +                  placeholder="请选择组织机构"
 | 
	
		
			
				|  |  | +                  clearValueText="清除"
 | 
	
		
			
				|  |  | +                  :noChildrenText="''"
 | 
	
		
			
				|  |  | +                  noOptionsText="没有数据"
 | 
	
		
			
				|  |  | +                  noResultsText="没有搜索结果"
 | 
	
		
			
				|  |  | +                />
 | 
	
		
			
				|  |  | +              </el-form-item>
 | 
	
		
			
				|  |  | +            </el-col>
 | 
	
		
			
				|  |  | +          </el-row>
 | 
	
		
			
				|  |  |          </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-col>
 | 
	
		
			
				|  |  | +          <el-col :span="1.5">
 | 
	
		
			
				|  |  | +            <el-button
 | 
	
		
			
				|  |  | +              type="primary"
 | 
	
		
			
				|  |  | +              icon="el-icon-refresh"
 | 
	
		
			
				|  |  | +              size="mini"
 | 
	
		
			
				|  |  | +              @click="resetQuery"
 | 
	
		
			
				|  |  | +              >重置</el-button
 | 
	
		
			
				|  |  | +            >
 | 
	
		
			
				|  |  | +          </el-col>
 | 
	
		
			
				|  |  | +          <el-col :span="1.5">
 | 
	
		
			
				|  |  | +            <el-button
 | 
	
		
			
				|  |  | +              type="primary"
 | 
	
		
			
				|  |  |                icon="el-icon-plus"
 | 
	
		
			
				|  |  |                size="mini"
 | 
	
		
			
				|  |  |                @click="handleAdd(null)"
 | 
	
	
		
			
				|  | @@ -50,94 +98,80 @@
 | 
	
		
			
				|  |  |              @queryTable="getList"
 | 
	
		
			
				|  |  |            ></right-toolbar>
 | 
	
		
			
				|  |  |          </el-row>
 | 
	
		
			
				|  |  | -        <!-- 表格数据 -->
 | 
	
		
			
				|  |  | -        <el-table
 | 
	
		
			
				|  |  | -          border
 | 
	
		
			
				|  |  | -          height="600"
 | 
	
		
			
				|  |  | -          size="small"
 | 
	
		
			
				|  |  | -          v-loading="loading"
 | 
	
		
			
				|  |  | -          :data="dataList"
 | 
	
		
			
				|  |  | -        >
 | 
	
		
			
				|  |  | -          <el-table-column
 | 
	
		
			
				|  |  | -            label="序号"
 | 
	
		
			
				|  |  | -            type="index"
 | 
	
		
			
				|  |  | -            align="center"
 | 
	
		
			
				|  |  | -            width="60"
 | 
	
		
			
				|  |  | -          />
 | 
	
		
			
				|  |  | -          <el-table-column
 | 
	
		
			
				|  |  | -            label="机构名称"
 | 
	
		
			
				|  |  | -            align="left"
 | 
	
		
			
				|  |  | -            width="300"
 | 
	
		
			
				|  |  | -            prop="orgName"
 | 
	
		
			
				|  |  | -          />
 | 
	
		
			
				|  |  | -          <el-table-column
 | 
	
		
			
				|  |  | -            label="记录人"
 | 
	
		
			
				|  |  | -            align="left"
 | 
	
		
			
				|  |  | -            prop="userName"
 | 
	
		
			
				|  |  | -          >
 | 
	
		
			
				|  |  | -
 | 
	
		
			
				|  |  | +      </div>
 | 
	
		
			
				|  |  | +      <!-- 表格数据 -->
 | 
	
		
			
				|  |  | +      <el-table
 | 
	
		
			
				|  |  | +        border
 | 
	
		
			
				|  |  | +        height="600"
 | 
	
		
			
				|  |  | +        size="small"
 | 
	
		
			
				|  |  | +        v-loading="loading"
 | 
	
		
			
				|  |  | +        :data="dataList"
 | 
	
		
			
				|  |  | +      >
 | 
	
		
			
				|  |  | +        <el-table-column label="序号" type="index" align="center" width="60" />
 | 
	
		
			
				|  |  | +        <el-table-column
 | 
	
		
			
				|  |  | +          label="行社名称"
 | 
	
		
			
				|  |  | +          align="left"
 | 
	
		
			
				|  |  | +          width="300"
 | 
	
		
			
				|  |  | +          prop="orgName"
 | 
	
		
			
				|  |  | +        />
 | 
	
		
			
				|  |  | +        <el-table-column
 | 
	
		
			
				|  |  | +          label="工作年度"
 | 
	
		
			
				|  |  | +          align="center"
 | 
	
		
			
				|  |  | +          width="200"
 | 
	
		
			
				|  |  | +          prop="year"
 | 
	
		
			
				|  |  | +        />
 | 
	
		
			
				|  |  | +        <el-table-column label="文件发布日期" align="center" prop="date">
 | 
	
		
			
				|  |  | +          <template slot-scope="r">
 | 
	
		
			
				|  |  | +            {{ r.row.date ? dayjs(r.row.date).format("YYYY年-MM月-DD日") : "" }}
 | 
	
		
			
				|  |  | +          </template>
 | 
	
		
			
				|  |  |          </el-table-column>
 | 
	
		
			
				|  |  | -          <el-table-column
 | 
	
		
			
				|  |  | -            label="记录时间"
 | 
	
		
			
				|  |  | -            align="center"
 | 
	
		
			
				|  |  | -            width="180"
 | 
	
		
			
				|  |  | -            prop="date"
 | 
	
		
			
				|  |  | -          />
 | 
	
		
			
				|  |  |  
 | 
	
		
			
				|  |  | +        <el-table-column
 | 
	
		
			
				|  |  | +          label="操作"
 | 
	
		
			
				|  |  | +          fixed="right"
 | 
	
		
			
				|  |  | +          align="center"
 | 
	
		
			
				|  |  | +          class-name="small-padding fixed-width"
 | 
	
		
			
				|  |  | +        >
 | 
	
		
			
				|  |  | +          <template slot-scope="scope">
 | 
	
		
			
				|  |  | +            <el-button
 | 
	
		
			
				|  |  | +              size="mini"
 | 
	
		
			
				|  |  | +              type="text"
 | 
	
		
			
				|  |  | +              icon="el-icon-info"
 | 
	
		
			
				|  |  | +              @click="handleInfo(scope.row.id)"
 | 
	
		
			
				|  |  | +              v-hasPermi="['core:aqbwbndjh:query']"
 | 
	
		
			
				|  |  | +              >详情
 | 
	
		
			
				|  |  | +            </el-button>
 | 
	
		
			
				|  |  | +            <el-button
 | 
	
		
			
				|  |  | +              size="mini"
 | 
	
		
			
				|  |  | +              type="text"
 | 
	
		
			
				|  |  | +              icon="el-icon-edit-outline"
 | 
	
		
			
				|  |  | +              @click="handleAdd(scope.row.id)"
 | 
	
		
			
				|  |  | +              v-hasPermi="['core:aqbwbndjh:add']"
 | 
	
		
			
				|  |  | +              >编辑
 | 
	
		
			
				|  |  | +            </el-button>
 | 
	
		
			
				|  |  |  
 | 
	
		
			
				|  |  | -          <el-table-column
 | 
	
		
			
				|  |  | -            label="操作"
 | 
	
		
			
				|  |  | -            fixed="right"
 | 
	
		
			
				|  |  | -            align="center"
 | 
	
		
			
				|  |  | -            class-name="small-padding fixed-width"
 | 
	
		
			
				|  |  | -          >
 | 
	
		
			
				|  |  | -            <template slot-scope="scope">
 | 
	
		
			
				|  |  | -              <el-button
 | 
	
		
			
				|  |  | -                size="mini"
 | 
	
		
			
				|  |  | -                type="text"
 | 
	
		
			
				|  |  | -                icon="el-icon-edit-view"
 | 
	
		
			
				|  |  | -                @click="showImages(scope.row.images)"
 | 
	
		
			
				|  |  | -                v-hasPermi="['core:hsggbsdj:query']"
 | 
	
		
			
				|  |  | -                >查看照片
 | 
	
		
			
				|  |  | -              </el-button>
 | 
	
		
			
				|  |  | -              <el-button
 | 
	
		
			
				|  |  | -                size="mini"
 | 
	
		
			
				|  |  | -                type="text"
 | 
	
		
			
				|  |  | -                icon="el-icon-edit-outline"
 | 
	
		
			
				|  |  | -                @click="handleAdd(scope.row.id)"
 | 
	
		
			
				|  |  | -                v-hasPermi="['core:aqbwbndjh:edit']"
 | 
	
		
			
				|  |  | -                >编辑
 | 
	
		
			
				|  |  | -              </el-button>
 | 
	
		
			
				|  |  | -              <!-- <el-button
 | 
	
		
			
				|  |  | -                size="mini"
 | 
	
		
			
				|  |  | -                type="text"
 | 
	
		
			
				|  |  | -                icon="el-icon-info"
 | 
	
		
			
				|  |  | -                @click="handleInfo(scope.row)"
 | 
	
		
			
				|  |  | -                v-hasPermi="['core:aqbwbndjh:query']"
 | 
	
		
			
				|  |  | -                >详情
 | 
	
		
			
				|  |  | -              </el-button> -->
 | 
	
		
			
				|  |  | -              <el-button
 | 
	
		
			
				|  |  | -                size="mini"
 | 
	
		
			
				|  |  | -                type="text"
 | 
	
		
			
				|  |  | -                icon="el-icon-delete"
 | 
	
		
			
				|  |  | -                @click="handleDelete(scope.row)"
 | 
	
		
			
				|  |  | -                v-hasPermi="['core:aqbwbndjh:remove']"
 | 
	
		
			
				|  |  | -                >删除
 | 
	
		
			
				|  |  | -              </el-button>
 | 
	
		
			
				|  |  | -            </template>
 | 
	
		
			
				|  |  | -          </el-table-column>
 | 
	
		
			
				|  |  | -        </el-table>
 | 
	
		
			
				|  |  | +            <el-button
 | 
	
		
			
				|  |  | +              size="mini"
 | 
	
		
			
				|  |  | +              type="text"
 | 
	
		
			
				|  |  | +              icon="el-icon-delete"
 | 
	
		
			
				|  |  | +              @click="handleDelete(scope.row)"
 | 
	
		
			
				|  |  | +              v-hasPermi="['core:aqbwbndjh: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-col>
 | 
	
		
			
				|  |  | -    </el-row>
 | 
	
		
			
				|  |  | +      <pagination
 | 
	
		
			
				|  |  | +        v-show="total > 0"
 | 
	
		
			
				|  |  | +        :total="total"
 | 
	
		
			
				|  |  | +        :page.sync="queryParams.pageNum"
 | 
	
		
			
				|  |  | +        :limit.sync="queryParams.pageSize"
 | 
	
		
			
				|  |  | +        @pagination="getList"
 | 
	
		
			
				|  |  | +      />
 | 
	
		
			
				|  |  | +    </div>
 | 
	
		
			
				|  |  |      <dialog-edit ref="editDialog" @success="getList()"></dialog-edit>
 | 
	
		
			
				|  |  | +    <dialog-des ref="desDialog" ></dialog-des>
 | 
	
		
			
				|  |  |      <el-image-viewer
 | 
	
		
			
				|  |  |        v-if="imageViewer"
 | 
	
		
			
				|  |  |        :on-close="closeImgViewer"
 | 
	
	
		
			
				|  | @@ -154,19 +188,29 @@ import {
 | 
	
		
			
				|  |  |    edit,
 | 
	
		
			
				|  |  |    delaqbwbndjh,
 | 
	
		
			
				|  |  |  } from "@/api/safetyBook/aqbwbndjh";
 | 
	
		
			
				|  |  | -import {  getLabel } from "@/views/commonOption";
 | 
	
		
			
				|  |  | +import { getLabel } from "@/views/commonOption";
 | 
	
		
			
				|  |  |  import DialogEdit from "./dialog.edit";
 | 
	
		
			
				|  |  | +import DialogDes from "./dialog.des";
 | 
	
		
			
				|  |  |  import { deptTreeSelect } from "@/api/system/public";
 | 
	
		
			
				|  |  |  import "@riophae/vue-treeselect/dist/vue-treeselect.css";
 | 
	
		
			
				|  |  |  import OrgTree from "@/components/orgTree/index.vue";
 | 
	
		
			
				|  |  |  import kOrgTree from "@/components/k-orgTree/index.vue";
 | 
	
		
			
				|  |  |  import KFileUpload from "@/components/K-FileUpload/index.vue";
 | 
	
		
			
				|  |  |  import tableList from "@/mixins/tableList";
 | 
	
		
			
				|  |  | -
 | 
	
		
			
				|  |  | +import DataRangePicker from "@/components/dateTime/daterange.picker.vue";
 | 
	
		
			
				|  |  | +import dayjs from "dayjs";
 | 
	
		
			
				|  |  |  export default {
 | 
	
		
			
				|  |  |    name: "aqbwbndjh",
 | 
	
		
			
				|  |  | -  components: { OrgTree, kOrgTree, KFileUpload, DialogEdit,    "el-image-viewer": () =>
 | 
	
		
			
				|  |  | -      import("element-ui/packages/image/src/image-viewer"), },
 | 
	
		
			
				|  |  | +  components: {
 | 
	
		
			
				|  |  | +    OrgTree,
 | 
	
		
			
				|  |  | +    kOrgTree,
 | 
	
		
			
				|  |  | +    KFileUpload,
 | 
	
		
			
				|  |  | +    DialogEdit,
 | 
	
		
			
				|  |  | +    DataRangePicker,
 | 
	
		
			
				|  |  | +    DialogDes,
 | 
	
		
			
				|  |  | +    "el-image-viewer": () =>
 | 
	
		
			
				|  |  | +      import("element-ui/packages/image/src/image-viewer"),
 | 
	
		
			
				|  |  | +  },
 | 
	
		
			
				|  |  |    mixins: [tableList],
 | 
	
		
			
				|  |  |    data() {
 | 
	
		
			
				|  |  |      return {
 | 
	
	
		
			
				|  | @@ -189,7 +233,7 @@ export default {
 | 
	
		
			
				|  |  |        // 是否显示弹出层
 | 
	
		
			
				|  |  |        open: false,
 | 
	
		
			
				|  |  |        // 机构树选项
 | 
	
		
			
				|  |  | -      deptOptions: undefined,
 | 
	
		
			
				|  |  | +      deptOptions: [],
 | 
	
		
			
				|  |  |        // 机构名称
 | 
	
		
			
				|  |  |        deptName: undefined,
 | 
	
		
			
				|  |  |        //是否关联下级
 | 
	
	
		
			
				|  | @@ -231,6 +275,22 @@ export default {
 | 
	
		
			
				|  |  |      this.getList();
 | 
	
		
			
				|  |  |    },
 | 
	
		
			
				|  |  |    methods: {
 | 
	
		
			
				|  |  | +    dayjs,
 | 
	
		
			
				|  |  | +    resetQuery() {
 | 
	
		
			
				|  |  | +      this.resetForm("queryForm");
 | 
	
		
			
				|  |  | +      this.getList();
 | 
	
		
			
				|  |  | +    },
 | 
	
		
			
				|  |  | +    /** treeSelect组件自定义数据*/
 | 
	
		
			
				|  |  | +    tenantIdnormalizer(node, instanceId) {
 | 
	
		
			
				|  |  | +      if (node.children && !node.children.length) {
 | 
	
		
			
				|  |  | +        delete node.children;
 | 
	
		
			
				|  |  | +      }
 | 
	
		
			
				|  |  | +      return {
 | 
	
		
			
				|  |  | +        id: node.id,
 | 
	
		
			
				|  |  | +        label: node.shortName,
 | 
	
		
			
				|  |  | +        children: node.children,
 | 
	
		
			
				|  |  | +      };
 | 
	
		
			
				|  |  | +    },
 | 
	
		
			
				|  |  |      showImages(file) {
 | 
	
		
			
				|  |  |        let array = file.split(",");
 | 
	
		
			
				|  |  |        this.srcList = array;
 | 
	
	
		
			
				|  | @@ -314,22 +374,21 @@ export default {
 | 
	
		
			
				|  |  |      },
 | 
	
		
			
				|  |  |  
 | 
	
		
			
				|  |  |      /** 详情按钮操作 */
 | 
	
		
			
				|  |  | -    handleInfo(row) {
 | 
	
		
			
				|  |  | -      this.reset();
 | 
	
		
			
				|  |  | -      const id = row.id || this.ids;
 | 
	
		
			
				|  |  | -      getaqbwbndjh(id).then((response) => {
 | 
	
		
			
				|  |  | -        this.form = response.data;
 | 
	
		
			
				|  |  | -        this.open = true;
 | 
	
		
			
				|  |  | -        this.title = "安全责任书详情";
 | 
	
		
			
				|  |  | -      });
 | 
	
		
			
				|  |  | +    handleInfo(id) {
 | 
	
		
			
				|  |  | +      this.$refs.desDialog.show(id);
 | 
	
		
			
				|  |  |      },
 | 
	
		
			
				|  |  |    },
 | 
	
		
			
				|  |  |  };
 | 
	
		
			
				|  |  |  </script>
 | 
	
		
			
				|  |  | -<style>
 | 
	
		
			
				|  |  | +<style lang="scss" scoped>
 | 
	
		
			
				|  |  |  .ellipsis {
 | 
	
		
			
				|  |  |    white-space: nowrap;
 | 
	
		
			
				|  |  |    overflow: hidden;
 | 
	
		
			
				|  |  |    text-overflow: ellipsis;
 | 
	
		
			
				|  |  |  }
 | 
	
		
			
				|  |  | +::v-deep.formTreeItem {
 | 
	
		
			
				|  |  | +  .el-form-item__content {
 | 
	
		
			
				|  |  | +    width: 264px;
 | 
	
		
			
				|  |  | +  }
 | 
	
		
			
				|  |  | +}
 | 
	
		
			
				|  |  |  </style>
 |