zhangzl
/
rongxin.dashboard
1
0
Bifurcation 0
Code Tickets 0 Demandes d'ajout 0 Versions 0 Wiki Activité
管理系统PC端
Vous ne pouvez pas sélectionner plus de 25 sujets Les noms de sujets doivent commencer par une lettre ou un nombre, peuvent contenir des tirets ('-') et peuvent comporter jusqu'à 35 caractères.
68 Révisions
1 Branche
5.5 MiB
 
 
 
 
Aborescence: e3c6061d72
Branches Tags
${ item.name }
Créer la branche ${ searchTerm }
de 'e3c6061d72'
${ noResults }
rongxin.dashboard/src/views/resource/operation/index.vue

704 lignes
32 KiB
Brut Annotations Historique 

  1. <template>

  2.   <div class="app-container">

  3.     <el-row :gutter="20">

  4.       <splitpanes :horizontal="this.$store.getters.device === 'mobile'" class="default-theme">

  5.         <!--部门数据-->

  6.         <pane size="16">

  7.           <el-col>

  8.             <div class="head-container">

  9.               <el-input v-model="deptName" placeholder="请输入区划名称" clearable size="small" prefix-icon="el-icon-search" style="margin-bottom: 20px" />

  10.             </div>

  11.             <div class="head-container container_main">

  12.               <el-tree :data="deptOptions" :props="defaultProps" :expand-on-click-node="false" :filter-node-method="filterNode" ref="tree" node-key="id" default-expand-all highlight-current @node-click="handleNodeClick" />

  13.             </div>

  14.           </el-col>

  15.         </pane>

  16.         <!--用户数据-->

  17.         <pane size="84">

  18.           <el-col>

  19. 

  20.             <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px">

  21.               <el-form-item label="地块编码" prop="dkbm">

  22.                 <el-input v-model="queryParams.dkbm" placeholder="请输入地块编码" clearable @keyup.enter.native="handleQuery"/>

  23.               </el-form-item>

  24.               <el-form-item label="地块名称" prop="dkmc">

  25.                 <el-input v-model="queryParams.dkmc" placeholder="请输入地块名称" clearable @keyup.enter.native="handleQuery"/>

  26.               </el-form-item>

  27.               <el-form-item label="经营方式" prop="jyfs">

  28.                 <el-select v-model="queryParams.jyfs" placeholder="请选择经营方式" clearable>

  29.                   <el-option v-for="dict in dict.type.jyfs" :key="dict.value" :label="dict.label" :value="dict.value"/>

  30.                 </el-select>

  31.               </el-form-item>

  32.               <el-form-item label="经营对象" prop="jydxmc">

  33.                 <el-input v-model="queryParams.jydxmc" placeholder="请输入经营对象名称" clearable @keyup.enter.native="handleQuery"/>

  34.               </el-form-item>

  35.               <el-form-item label="对象类型" prop="jydxlx">

  36.                 <el-select v-model="queryParams.jydxlx" placeholder="请选择经营对象类型" clearable>

  37.                   <el-option v-for="dict in dict.type.jydxlx" :key="dict.value" :label="dict.label" :value="dict.value"/>

  38.                 </el-select>

  39.               </el-form-item>

  40.               <el-form-item label="证件类型" prop="jydxzjlx">

  41.                 <el-select v-model="queryParams.jydxzjlx" placeholder="请选择经营对象证件类型" clearable>

  42.                   <el-option v-for="dict in dict.type.zjlx" :key="dict.value" :label="dict.label" :value="dict.value"/>

  43.                 </el-select>

  44.               </el-form-item>

  45.               <el-form-item label="证件号码" prop="jydxzjhm">

  46.                 <el-input v-model="queryParams.jydxzjhm" placeholder="请输入经营对象证件号码" clearable @keyup.enter.native="handleQuery"/>

  47.               </el-form-item>

  48.               <el-form-item label="签订合同" prop="sfqdht">

  49.                 <el-select v-model="queryParams.sfqdht" placeholder="请选择是否签订合同" clearable>

  50.                   <el-option v-for="dict in dict.type.is_common" :key="dict.value" :label="dict.label" :value="dict.value"/>

  51.                 </el-select>

  52.               </el-form-item>

  53.               <el-form-item label="调查状态" prop="surveyStatus">

  54.                 <el-select v-model="queryParams.surveyStatus" placeholder="请选择调查状态" clearable>

  55.                   <el-option v-for="dict in dict.type.survey_status" :key="dict.value" :label="dict.label" :value="dict.value"/>

  56.                 </el-select>

  57.               </el-form-item>

  58.               <el-form-item>

  59.                 <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>

  60.                 <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>

  61.               </el-form-item>

  62.             </el-form>

  63. 

  64.             <el-row :gutter="10" class="mb8">

  65.               <el-col :span="1.5">

  66.                 <el-button type="primary" plain icon="el-icon-plus" size="mini" @click="handleAdd" v-hasPermi="['resource:operation:add']">新增</el-button>

  67.               </el-col>

  68.               <!--

  69.               <el-col :span="1.5">

  70.                 <el-button type="success" plain icon="el-icon-edit" size="mini" :disabled="single" @click="handleUpdate" v-hasPermi="['resource:operation:edit']">修改</el-button>

  71.               </el-col>

  72.               <el-col :span="1.5">

  73.                 <el-button type="danger" plain icon="el-icon-delete" size="mini" :disabled="multiple" @click="handleDelete" v-hasPermi="['resource:operation:remove']">删除</el-button>

  74.               </el-col>

  75.               -->

  76.               <el-col :span="1.5">

  77.                   <el-button type="success" plain icon="el-icon-upload2" size="mini" @click="handleImport" v-hasPermi="['resource:operation:import']">导入</el-button>

  78.               </el-col>

  79.               <el-col :span="1.5">

  80.                 <el-button type="warning" plain icon="el-icon-download" size="mini" @click="handleExport" v-hasPermi="['resource:operation:export']">导出</el-button>

  81.               </el-col>

  82.               <el-col :span="1.5">

  83.                   <el-button type="info" plain icon="el-icon-printer" size="mini" @click="handlePrint()" v-hasPermi="['resource:operation:print']">打印</el-button>

  84.               </el-col>

  85.               <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>

  86.             </el-row>

  87. 

  88.               <!-- 数据列表  列属性 min-width="60" show-overflow-tooltip  @selection-change="handleSelectionChange" -->

  89.             <el-table v-loading="loading" :data="operationList" border>

  90.                 <!--<el-table-column type="selection" width="55" align="center" />-->

  91.               <el-table-column label="地块代码" align="center" prop="dkbm" min-width="180" show-overflow-tooltip />

  92.               <el-table-column label="地块名称" align="left" prop="dkmc" min-width="120" show-overflow-tooltip />

  93.               <el-table-column label="地块四至" align="center">

  94.                 <el-table-column label="地块东至" align="left" prop="dkdz" min-width="100" show-overflow-tooltip />

  95.                 <el-table-column label="地块西至" align="left" prop="dkxz" min-width="100" show-overflow-tooltip />

  96.                 <el-table-column label="地块南至" align="left" prop="dknz" min-width="100" show-overflow-tooltip />

  97.                 <el-table-column label="地块北至" align="left" prop="dkbz" min-width="100" show-overflow-tooltip />

  98.               </el-table-column>

  99.               <el-table-column label="经营面积" align="right" prop="jymj"  min-width="80" show-overflow-tooltip/>

  100.               <el-table-column label="经营方式" align="center" prop="jyfs"  min-width="80" show-overflow-tooltip>

  101.                 <template slot-scope="scope">

  102.                   <dict-tag :options="dict.type.jyfs" :value="scope.row.jyfs"/>

  103.                 </template>

  104.               </el-table-column>

  105.               <el-table-column label="经营对象名称" align="left" prop="jydxmc"  min-width="150" show-overflow-tooltip/>

  106.               <!--<el-table-column label="经营对象证件号码" align="center" prop="jydxzjhm" />

  107.               <el-table-column label="是否签订合同" align="center" prop="sfqdht">

  108.                 <template slot-scope="scope">

  109.                   <dict-tag :options="dict.type.is_common" :value="scope.row.sfqdht"/>

  110.                 </template>

  111.               </el-table-column>-->

  112.               <el-table-column label="承包金额" align="right" prop="cbje"  min-width="80" show-overflow-tooltip/>

  113.               <el-table-column label="年收益" align="right" prop="nsy"  min-width="80" show-overflow-tooltip/>

  114.               <el-table-column label="调查状态" align="center" prop="surveyStatus"  min-width="80" show-overflow-tooltip>

  115.                 <template slot-scope="scope">

  116.                   <dict-tag :options="dict.type.survey_status" :value="scope.row.surveyStatus"/>

  117.                 </template>

  118.               </el-table-column>

  119.               <!--<el-table-column label="区域位置名称" align="center" prop="deptName" />-->

  120.               <el-table-column label="操作" align="center" class-name="small-padding fixed-width" min-width="150">

  121.                 <template slot-scope="scope">

  122.                   <el-button size="mini" type="text" icon="el-icon-view" @click="handleLook(scope.row)" v-hasPermi="['resource:operation:query']">查看</el-button>

  123.                   <el-button size="mini" type="text" icon="el-icon-edit" @click="handleUpdate(scope.row)" v-hasPermi="['resource:operation:edit']">修改</el-button>

  124.                   <el-dropdown size="mini" v-hasPermi="['resource:operation:remove']">

  125.                     <el-button size="mini" type="text" icon="el-icon-d-arrow-right">更多</el-button>

  126.                     <el-dropdown-menu slot="dropdown" style="padding: 5px">

  127.                         <el-button size="mini" type="text" icon="el-icon-delete" @click="handleDelete(scope.row)" v-hasPermi="['resource:operation:remove']">删除</el-button>

  128.                     </el-dropdown-menu>

  129.                   </el-dropdown>

  130.                 </template>

  131.               </el-table-column>

  132.             </el-table>

  133. 

  134.             <!-- 分页插件 -->

  135.             <pagination v-show="total>0" :total="total" :page.sync="queryParams.pageNum" :limit.sync="queryParams.pageSize" @pagination="getList"/>

  136. 

  137.           </el-col>

  138.         </pane>

  139.       </splitpanes>

  140.     </el-row>

  141. 

  142.      <!-- 导入EXCEL组件 -->

  143.       <el-dialog :title="upload.title" :visible.sync="upload.open" width="400px" append-to-body>

  144.           <el-upload ref="upload" :limit="1" accept=".xlsx, .xls" :headers="upload.headers" :action="upload.url + '?updateSupport=' + upload.updateSupport" :disabled="upload.isUploading" :on-progress="handleFileUploadProgress" :on-success="handleFileSuccess" :auto-upload="false" drag>

  145.               <i class="el-icon-upload"></i>

  146.               <div class="el-upload__text">将文件拖到此处，或<em>点击上传</em></div>

  147.               <div class="el-upload__tip text-left" slot="tip">

  148.                   <div class="el-upload__tip" slot="tip">

  149.                       <el-checkbox v-model="upload.updateSupport" /> 是否更新已经存在的地块经营

  150.                   </div>

  151.                   <p style="color: red">1、仅允许导入xls、xlsx格式文件；</p>

  152.                   <el-link type="primary" :underline="false" style="font-size: 12px; vertical-align: baseline" @click="importTemplate">下载模板</el-link>

  153.               </div>

  154.           </el-upload>

  155.           <div slot="footer" class="dialog-footer">

  156.               <el-button type="primary" @click="submitFileForm">确 定</el-button>

  157.               <el-button @click="upload.open = false">取 消</el-button>

  158.           </div>

  159.       </el-dialog>

  160. 

  161.       <!-- 查看地块经营对话框 -->

  162.       <el-dialog :title="title" :visible.sync="viewOpen" width="800px" append-to-body>

  163.         <el-descriptions title="地块信息" border :column="2" class="margin-top">

  164.           <el-descriptions-item label="区域位置名称">{{ form.deptName }}</el-descriptions-item>

  165.           <el-descriptions-item label="标识码">{{ form.bsm }}</el-descriptions-item>

  166.           <el-descriptions-item label="要素代码">{{ form.ysdm }}</el-descriptions-item>

  167.           <el-descriptions-item label="地块代码">{{ form.dkbm }}</el-descriptions-item>

  168.           <el-descriptions-item label="地块名称">{{ form.dkmc }}</el-descriptions-item>

  169.           <el-descriptions-item label="所有权性质">{{ form.syqxz }}</el-descriptions-item>

  170.           <el-descriptions-item label="地块类别">{{ form.dklb }}</el-descriptions-item>

  171.           <el-descriptions-item label="土地利用类型">{{ form.tdlylx }}</el-descriptions-item>

  172.           <el-descriptions-item label="地力等级">{{ form.dldj }}</el-descriptions-item>

  173.           <el-descriptions-item label="土地用途">{{ form.tdyt }}</el-descriptions-item>

  174.           <el-descriptions-item label="是否基本农田">{{ form.sfjbnt }}</el-descriptions-item>

  175.           <el-descriptions-item label="地块东至">{{ form.dkdz }}</el-descriptions-item>

  176.           <el-descriptions-item label="地块西至">{{ form.dkxz }}</el-descriptions-item>

  177.           <el-descriptions-item label="地块南至">{{ form.dknz }}</el-descriptions-item>

  178.           <el-descriptions-item label="地块北至">{{ form.dkbz }}</el-descriptions-item>

  179.           <el-descriptions-item label="备注信息">{{ form.dkbzxx }}</el-descriptions-item>

  180.           <el-descriptions-item label="指界人姓名">{{ form.zjrxm }}</el-descriptions-item>

  181.           <el-descriptions-item label="图显面积">{{ form.txmj }}</el-descriptions-item>

  182.           <el-descriptions-item label="实测面积">{{ form.scmjm }}</el-descriptions-item>

  183.           <el-descriptions-item label="是否账外地">{{ form.sfzwd }}</el-descriptions-item>

  184.         </el-descriptions>

  185. 

  186.          <el-descriptions title="经营数据" border :column="2" class="margin-top">

  187.           <el-descriptions-item label="经营面积(亩)">{{ form.jymj }}</el-descriptions-item>

  188.           <el-descriptions-item label="经营方式">{{ form.jyfs }}</el-descriptions-item>

  189.           <el-descriptions-item label="经营对象名称">{{ form.jydxmc }}</el-descriptions-item>

  190.           <el-descriptions-item label="经营开始时间">{{ form.jykssj }}</el-descriptions-item>

  191.           <el-descriptions-item label="经营结束时间">{{ form.jyjssj }}</el-descriptions-item>

  192.           <el-descriptions-item label="承包金额(元)">{{ form.cbje }}</el-descriptions-item>

  193.           <el-descriptions-item label="备注">{{ form.bz }}</el-descriptions-item>

  194.            <el-descriptions-item label="调查状态">{{ form.surveyStatus }}</el-descriptions-item>

  195.           <el-descriptions-item label="实物图">

  196.             <div v-if="!!form.dkImg">

  197.               <el-tooltip effect="light" :content="item" placement="bottom" v-for="(item, index) in form.dkImg.split(',')" :key="index">

  198.                 <el-image style="height: 64px; width: 64px; margin: 2px; display: inline-block;" fit="scale-down" :src="baseRoutingUrll + item" :preview-src-list="form.dkImg.split(',').map((x) => baseRoutingUrll + x)"/>

  199.               </el-tooltip>

  200.             </div>

  201.           </el-descriptions-item>

  202.          </el-descriptions>

  203. 

  204.           <!-- 弹框操作按钮 -->

  205.          <div slot="footer" class="dialog-footer">

  206.              <el-button @click="doPrint">打 印</el-button>

  207.              <el-button @click="cancelDetail">关 闭</el-button>

  208.          </div>

  209.       </el-dialog>

  210. 

  211.     <!-- 添加或修改地块经营对话框 -->

  212.     <el-dialog :title="title" :visible.sync="open" width="820px" append-to-body>

  213.       <el-form ref="form" :model="form" :rules="rules" :inline="true" label-width="120px">

  214. 

  215.         <el-form-item label="区域位置名称" prop="deptName">

  216.           <el-input v-model="form.deptName" placeholder="请输入区域位置名称"  show-word-limit :maxlength="100"/>

  217.         </el-form-item>

  218.         <el-form-item label="地块编码" prop="dkbm">

  219.           <el-input v-model="form.dkbm" placeholder="请输入地块代码，跟地块属性中的地块编码一致"  show-word-limit :maxlength="19"/>

  220.         </el-form-item>

  221.         <el-form-item label="地块名称" prop="dkmc">

  222.           <el-input v-model="form.dkmc" placeholder="请输入地块名称"  show-word-limit :maxlength="50"/>

  223.         </el-form-item>

  224.         <el-form-item label="地块东至" prop="dkdz">

  225.           <el-input v-model="form.dkdz" placeholder="请输入地块东至"  show-word-limit :maxlength="50"/>

  226.         </el-form-item>

  227.         <el-form-item label="地块西至" prop="dkxz">

  228.           <el-input v-model="form.dkxz" placeholder="请输入地块西至"  show-word-limit :maxlength="50"/>

  229.         </el-form-item>

  230.         <el-form-item label="地块南至" prop="dknz">

  231.           <el-input v-model="form.dknz" placeholder="请输入地块南至"  show-word-limit :maxlength="50"/>

  232.         </el-form-item>

  233.         <el-form-item label="地块北至" prop="dkbz">

  234.           <el-input v-model="form.dkbz" placeholder="请输入地块北至"  show-word-limit :maxlength="50"/>

  235.         </el-form-item>

  236.         <el-form-item label="经营面积(亩)" prop="jymj">

  237.           <el-input-number v-model="form.jymj" placeholder="请输入经营面积(亩)" controls-position="right"   :precision="3"/>

  238.         </el-form-item>

  239.         <el-form-item label="经营方式" prop="jyfs">

  240.           <el-select v-model="form.jyfs" placeholder="请选择经营方式">

  241.             <el-option v-for="dict in dict.type.jyfs" :key="dict.value" :label="dict.label" :value="dict.value"></el-option>

  242.           </el-select>

  243.         </el-form-item>

  244.         <el-form-item label="经营对象类型" prop="jydxlx">

  245.           <el-select v-model="form.jydxlx" placeholder="请选择经营对象类型">

  246.             <el-option v-for="dict in dict.type.jydxlx" :key="dict.value" :label="dict.label" :value="dict.value"></el-option>

  247.           </el-select>

  248.         </el-form-item>

  249.         <el-form-item label="经营对象名称" prop="jydxmc">

  250.           <el-input v-model="form.jydxmc" placeholder="请输入经营对象名称"  show-word-limit :maxlength="100"/>

  251.         </el-form-item>

  252.         <el-form-item label="对象证件类型" prop="jydxzjlx">

  253.           <el-select v-model="form.jydxzjlx" placeholder="请选择经营对象证件类型">

  254.             <el-option v-for="dict in dict.type.zjlx" :key="dict.value" :label="dict.label" :value="dict.value"></el-option>

  255.           </el-select>

  256.         </el-form-item>

  257.         <el-form-item label="对象证件号码" prop="jydxzjhm">

  258.           <el-input v-model="form.jydxzjhm" placeholder="请输入经营对象证件号码"  show-word-limit :maxlength="30"/>

  259.         </el-form-item>

  260.         <el-form-item label="是否签订合同" prop="sfqdht">

  261.           <el-radio-group v-model="form.sfqdht">

  262.             <el-radio v-for="dict in dict.type.is_common" :key="dict.value" :label="dict.value">{{dict.label}}</el-radio>

  263.           </el-radio-group>

  264.         </el-form-item>

  265.         <el-form-item label="经营开始时间" prop="jykssj">

  266.           <el-date-picker clearable v-model="form.jykssj" type="date" value-format="yyyy-MM-dd" placeholder="请选择经营开始时间"></el-date-picker>

  267.         </el-form-item>

  268.         <el-form-item label="经营结束时间" prop="jyjssj">

  269.           <el-date-picker clearable v-model="form.jyjssj" type="date" value-format="yyyy-MM-dd" placeholder="请选择经营结束时间"></el-date-picker>

  270.         </el-form-item>

  271.         <el-form-item label="承包金额(元)" prop="cbje">

  272.           <el-input-number v-model="form.cbje" placeholder="请输入承包金额(元)" controls-position="right"   :precision="2"/>

  273.         </el-form-item>

  274.         <el-form-item label="兑现金额" prop="dxje">

  275.           <el-input-number v-model="form.dxje" placeholder="请输入兑现金额" controls-position="right"   :precision="2"/>

  276.         </el-form-item>

  277.         <el-form-item label="尚欠金额" prop="sqje">

  278.           <el-input-number v-model="form.sqje" placeholder="请输入尚欠金额" controls-position="right"   :precision="2"/>

  279.         </el-form-item>

  280.         <el-form-item label="年收益" prop="nsy">

  281.           <el-input-number v-model="form.nsy" placeholder="请输入年收益" controls-position="right"   :precision="2"/>

  282.         </el-form-item>

  283.         <el-form-item label="备注" prop="bzxx">

  284.           <el-input v-model="form.bzxx" placeholder="请输入备注"  show-word-limit :maxlength="255"/>

  285.         </el-form-item>

  286.         <el-form-item label="实物图" prop="dkImg">

  287.           <image-upload v-model="form.dkImg"/>

  288.         </el-form-item>

  289.         <el-form-item label="调查状态" prop="surveyStatus">

  290.           <el-radio-group v-model="form.surveyStatus">

  291.             <el-radio v-for="dict in dict.type.survey_status" :key="dict.value" :label="dict.value">{{dict.label}}</el-radio>

  292.           </el-radio-group>

  293.         </el-form-item>

  294. 

  295.       </el-form>

  296.       <div slot="footer" class="dialog-footer">

  297.         <el-button type="primary" @click="submitForm">确 定</el-button>

  298.         <el-button @click="cancel">取 消</el-button>

  299.       </div>

  300.     </el-dialog>

  301.   </div>

  302. </template>

  303. 

  304. <script>

  305. import { listOperation, getOperation, getOperationDetail, getOperationDetailByDkbm, delOperation, addOperation, updateOperation, printOperation } from "@/api/resource/operation"

  306. import { getToken } from "@/utils/auth"

  307. import Treeselect from "@riophae/vue-treeselect";

  308. import { Splitpanes, Pane } from "splitpanes"

  309. import "@riophae/vue-treeselect/dist/vue-treeselect.css"

  310. import "splitpanes/dist/splitpanes.css"

  311. import { deptTreeSelect } from "@/api/system/user"

  312. 

  313. export default {

  314.   name: "Operation",

  315.   dicts: ['zjlx', 'survey_status', 'is_common', 'jydxlx', 'jyfs'],

  316.   components: { Treeselect, Splitpanes, Pane },

  317.   data() {

  318.     return {

  319.       // 遮罩层

  320.       loading: true,

  321.       // 导出遮罩层

  322.       exportLoading: false,

  323.       // 选中数组

  324.       ids: [],

  325.       // 非单个禁用

  326.       single: true,

  327.       // 非多个禁用

  328.       multiple: true,

  329.       // 显示搜索条件

  330.       showSearch: true,

  331.       // 总条数

  332.       total: 0,

  333.       // 地块经营表格数据

  334.       operationList: [],

  335.       // 弹出层标题

  336.       title: "",

  337.       // 是否显示弹出层

  338.       open: false,

  339.       // 详情组件列数

  340.       descColumn: 2,

  341.       // 详情组件Label所占百分比, 最大={100 / descColumn}. 内容所占百分比={100 / descColumn - descLabelWidth}

  342.       descLabelWidth: 15,

  343.       // 对话框显示只读的详情

  344.       viewOpen: false,

  345.       // 项目路径

  346.       baseRoutingUrll: process.env.VUE_APP_BASE_API,

  347.       // 所有部门树选项

  348.       deptOptions: undefined,

  349.       // 过滤掉已禁用部门树选项

  350.       enabledDeptOptions: undefined,

  351.       // 筛选部门名称

  352.       deptName: undefined,

  353.       // 选中的部门

  354.       selectDeptName: null,

  355.       defaultProps: {

  356.         children: "children",

  357.         label: "label"

  358.       },

  359.       // 查询参数

  360.       queryParams: {

  361.         pageNum: 1,

  362.         pageSize: 10,

  363.        // 查询排序

  364.        //orderByColumn: "id",

  365.        //isAsc: "desc",

  366.        // 翻译字典

  367.        //toTranslateDict: "1",

  368.         dkbm: null,

  369.         dkmc: null,

  370.         jyfs: null,

  371.         jydxlx: null,

  372.         jydxmc: null,

  373.         jydxzjlx: null,

  374.         jydxzjhm: null,

  375.         sfqdht: null,

  376.         surveyStatus: null,

  377.         importCode: null,

  378.       },

  379.       // 表单参数

  380.       form: {},

  381.       // 表单校验

  382.       rules: {

  383.         dkbm: [

  384.           { required: true, message: "地块代码不能为空", trigger: "blur" }

  385.         ],

  386.         dkmc: [

  387.           { required: true, message: "地块名称不能为空", trigger: "blur" }

  388.         ],

  389.         jymj: [

  390.           { required: true, message: "经营面积(亩)不能为空", trigger: "blur" }

  391.         ],

  392.         jyfs: [

  393.           { required: true, message: "经营方式不能为空", trigger: "blur" }

  394.         ],

  395.         jydxmc: [

  396.           { required: true, message: "经营对象名称不能为空", trigger: "blur" }

  397.         ],

  398.         jykssj: [

  399.           { required: true, message: "经营开始时间不能为空", trigger: "blur" }

  400.         ],

  401.         jyjssj: [

  402.           { required: true, message: "经营结束时间不能为空", trigger: "blur" }

  403.         ],

  404.         cbje: [

  405.           { required: true, message: "承包金额(元)不能为空", trigger: "blur" }

  406.         ],

  407. 

  408.       },

  409.       // EXCEL导入

  410.       upload: {

  411.           // 是否显示弹出层（用户导入）

  412.           open: false,

  413.           // 弹出层标题（用户导入）

  414.           title: "",

  415.           // 是否禁用上传

  416.           isUploading: false,

  417.           // 是否更新已经存在的用户数据

  418.           updateSupport: 0,

  419.           // 设置上传的请求头部

  420.           headers: { Authorization: "Bearer " + getToken() },

  421.           // 上传的地址

  422.           url: process.env.VUE_APP_BASE_API + "/resource/operation/importData"

  423.       },

  424. 

  425.     }

  426.   },

  427.   watch: {

  428.     // 根据名称筛选部门树

  429.     deptName(val) {

  430.       this.$refs.tree.filter(val)

  431.     }

  432.   },

  433.   created() {

  434.     this.getDeptTree()

  435.     this.getList()

  436.   },

  437.   methods: {

  438.     /** 查询地块经营列表 */

  439.     getList() {

  440.       this.loading = true

  441.       listOperation(this.queryParams).then(response => {

  442.         this.operationList = response.rows

  443.         this.total = response.total

  444.         this.loading = false

  445.       })

  446.     },

  447.     // 取消按钮

  448.     cancel() {

  449.       this.open = false

  450.       this.reset()

  451.     },

  452.     cancelDetail() {

  453.         this.viewOpen = false

  454.     },

  455.     // 表单重置

  456.     reset() {

  457.       this.form = {

  458.         id: null,

  459.         dkbm: null,

  460.         dkmc: null,

  461.         dkdz: null,

  462.         dkxz: null,

  463.         dknz: null,

  464.         dkbz: null,

  465.         jymj: null,

  466.         jyfs: '200',

  467.         jydxlx: '1',

  468.         jydxmc: null,

  469.         jydxzjlx: '1',

  470.         jydxzjhm: null,

  471.         sfqdht: '1',

  472.         jykssj: null,

  473.         jyjssj: null,

  474.         cbje: null,

  475.         dxje: null,

  476.         sqje: null,

  477.         nsy: null,

  478.         bzxx: null,

  479.         dkImg: null,

  480.         surveyStatus: '2',

  481.         importCode: null,

  482.         deptName: null,

  483.       }

  484.       this.resetForm("form")

  485.     },

  486.     /** 搜索按钮操作 */

  487.     handleQuery() {

  488.       this.queryParams.pageNum = 1

  489.       this.getList()

  490.     },

  491.     /** 重置按钮操作 */

  492.     resetQuery() {

  493.       this.resetForm("queryForm")

  494.       this.handleQuery()

  495.     },

  496.     // 多选框选中数据

  497.     handleSelectionChange(selection) {

  498.       this.ids = selection.map(item => item.id)

  499.       this.single = selection.length!==1

  500.       this.multiple = !selection.length

  501.     },

  502.     /** 新增按钮操作 */

  503.     handleAdd() {

  504.       if(this.selectDeptName == null || this.selectDeptName == ''){

  505.         this.$modal.msgWarning("请先选择村/组行政区划！")

  506.         return

  507.       }

  508. 

  509.       this.reset()

  510.       this.form.deptId = this.queryParams.deptId;

  511.       this.form.deptName = this.selectDeptName;

  512.       this.open = true

  513.       this.title = "添加地块经营"

  514.     },

  515.     /** 修改按钮操作 */

  516.     handleUpdate(row) {

  517.       this.reset()

  518.       const id = row.id || this.ids

  519.       getOperation(id).then(response => {

  520.         this.form = response.data

  521.         this.open = true

  522.         this.title = "修改地块经营"

  523.       })

  524.     },

  525.     /** 查看按钮操作 */

  526.     handleLook(row) {

  527.       getOperationDetailByDkbm(row.dkbm).then(response => {

  528.           this.form = response.data;

  529.           this.viewOpen = true;

  530.           this.title = "查看地块经营";

  531.       });

  532.     },

  533.     /** 提交按钮 */

  534.     submitForm() {

  535.       this.$refs["form"].validate(valid => {

  536.         if (valid) {

  537.           if (this.form.id != null) {

  538.             updateOperation(this.form).then(response => {

  539.               this.$modal.msgSuccess("修改成功")

  540.               this.open = false

  541.               this.getList()

  542.             })

  543.           } else {

  544.             addOperation(this.form).then(response => {

  545.               this.$modal.msgSuccess("新增成功")

  546.               this.open = false

  547.               this.getList()

  548.             })

  549.           }

  550.         }

  551.       })

  552.     },

  553.     /** 删除按钮操作 */

  554.     handleDelete(row) {

  555.       const ids = row.id || this.ids

  556.       this.$modal.confirm('是否确认删除地块经营编号为"' + ids + '"的数据项？').then(function() {

  557.         return delOperation(ids)

  558.       }).then(() => {

  559.         this.getList()

  560.         this.$modal.msgSuccess("删除成功")

  561.       }).catch(() => {})

  562.     },

  563.     /** 导出按钮操作 */

  564.     handleExport() {

  565.       this.download('resource/operation/export', {

  566.         ...this.queryParams

  567.       }, `地块经营_${new Date().getTime()}.xlsx`)

  568.     },

  569.     /** 打印表单 */

  570.     doPrint() {

  571.         const originalTitle = document.title;

  572.         try {

  573.             document.title = this.title || '打印详情';

  574.             const printElement = document.getElementById('printDetail');

  575.             const printFrame = document.createElement('iframe');

  576.             printFrame.style.position = 'absolute';

  577.             printFrame.style.width = '0';

  578.             printFrame.style.height = '0';

  579.             printFrame.style.border = 'none';

  580.             printFrame.style.left = '-9999px';

  581.             printFrame.onload = function() {

  582.                 try {

  583.                     const frameDoc = printFrame.contentDocument || printFrame.contentWindow.document;

  584.                     const contentClone = printElement.cloneNode(true);

  585.                     const style = document.createElement('style');

  586.                     style.innerHTML = `

  587.                       @page {

  588.                         size: auto;

  589.                         margin: 10mm;

  590.                       }

  591.                       body {

  592.                         font-family: Arial, sans-serif;

  593.                         line-height: 1.5;

  594.                         margin: 0;

  595.                         padding: 0;

  596.                       }

  597.                       .el-descriptions {

  598.                         width: 100% !important;

  599.                       }

  600.                       .el-descriptions-item__label {

  601.                         width: ${this.descLabelWidth}% !important;

  602.                       }

  603.                       .el-descriptions-item__content {

  604.                         width: ${(100 / this.descColumn) - this.descLabelWidth}% !important;

  605.                       }

  606.                       /* 确保图片在打印时显示完整 */

  607.                       img, .el-image {

  608.                         max-width: 100% !important;

  609.                         height: auto !important;

  610.                       }

  611.                     `;

  612.                     frameDoc.head.appendChild(style);

  613.                     frameDoc.body.appendChild(contentClone);

  614.                     setTimeout(() => {

  615.                         printFrame.contentWindow.focus();

  616.                         printFrame.contentWindow.print();

  617.                         setTimeout(() => {

  618.                             document.body.removeChild(printFrame);

  619.                             document.title = originalTitle;

  620.                         }, 1000);

  621.                     }, 500);

  622.                 } catch (e) {

  623.                     document.body.removeChild(printFrame);

  624.                     document.title = originalTitle;

  625.                     this.$message.error('打印过程中发生错误');

  626.                 }

  627.             };

  628.             document.body.appendChild(printFrame);

  629.         } catch (e) {

  630.             document.title = originalTitle;

  631.             this.$message.error('打印过程中发生错误');

  632.         }

  633.     },

  634.     /** 打印按钮操作 */

  635.     handlePrint() {

  636.         printOperation(this.queryParams).then(response => {})

  637.     },

  638.     /* 导入EXCEL组件 */

  639.     handleImport() {

  640.         this.upload.title = "地块经营导入"

  641.         this.upload.open = true

  642.     },

  643.     /** 下载模板操作 */

  644.     importTemplate() {

  645.         this.download('resource/operation/importTemplate', {

  646.         }, `地块经营_template.xlsx`)

  647.     },

  648.     // 文件上传中处理

  649.     handleFileUploadProgress(event, file, fileList) {

  650.         this.upload.isUploading = true

  651.     },

  652.     // 文件上传成功处理

  653.     handleFileSuccess(response, file, fileList) {

  654.         this.upload.open = false

  655.         this.upload.isUploading = false

  656.         this.$refs.upload.clearFiles()

  657.         this.$alert("<div style='overflow: auto;overflow-x: hidden;max-height: 70vh;padding: 10px 20px 0;'>" + response.msg + "</div>", "导入结果", { dangerouslyUseHTMLString: true })

  658.         this.getList()

  659.     },

  660.     // 提交上传文件

  661.     submitFileForm() {

  662.         this.$refs.upload.submit()

  663.     },

  664.     /** 查询部门下拉树结构 */

  665.     getDeptTree() {

  666.       deptTreeSelect().then(response => {

  667.         this.deptOptions = response.data

  668.         this.enabledDeptOptions = this.filterDisabledDept(JSON.parse(JSON.stringify(response.data)))

  669.       })

  670.     },

  671.     // 过滤禁用的部门

  672.     filterDisabledDept(deptList) {

  673.       return deptList.filter(dept => {

  674.         if (dept.disabled) {

  675.           return false

  676.         }

  677.         if (dept.children && dept.children.length) {

  678.           dept.children = this.filterDisabledDept(dept.children)

  679.         }

  680.         return true

  681.       })

  682.     },

  683.     // 筛选节点

  684.     filterNode(value, data) {

  685.       if (!value) return true

  686.       return data.label.indexOf(value) !== -1

  687.     },

  688.     // 节点单击事件

  689.     handleNodeClick(data) {

  690.       this.queryParams.deptId = data.id

  691.       this.selectDeptName = data.label

  692.       this.handleQuery()

  693.     },

  694. 

  695.   }

  696. }

  697. </script>

  698. <style scoped type="scss">

  699.   .container_main{

  700.     height: 75vh;

  701.     overflow-y: scroll;

  702.   }

  703. </style>