|  | @@ -1,6 +1,12 @@
 | 
	
		
			
				|  |  |  <template>
 | 
	
		
			
				|  |  |    <div class="app-container">
 | 
	
		
			
				|  |  | -    <el-form :model="queryParams" ref="queryForm" :inline="true" v-show="showSearch" label-width="68px">
 | 
	
		
			
				|  |  | +    <el-form
 | 
	
		
			
				|  |  | +      :model="queryParams"
 | 
	
		
			
				|  |  | +      ref="queryForm"
 | 
	
		
			
				|  |  | +      :inline="true"
 | 
	
		
			
				|  |  | +      v-show="showSearch"
 | 
	
		
			
				|  |  | +      label-width="68px"
 | 
	
		
			
				|  |  | +    >
 | 
	
		
			
				|  |  |        <el-form-item label="编号" prop="fNo">
 | 
	
		
			
				|  |  |          <el-input
 | 
	
		
			
				|  |  |            v-model="queryParams.fNo"
 | 
	
	
		
			
				|  | @@ -20,7 +26,12 @@
 | 
	
		
			
				|  |  |          />
 | 
	
		
			
				|  |  |        </el-form-item>
 | 
	
		
			
				|  |  |        <el-form-item label="费用属性" prop="fFeetype">
 | 
	
		
			
				|  |  | -        <el-select v-model="queryParams.fFeetype" placeholder="请选择费用属性" clearable size="small">
 | 
	
		
			
				|  |  | +        <el-select
 | 
	
		
			
				|  |  | +          v-model="queryParams.fFeetype"
 | 
	
		
			
				|  |  | +          placeholder="请选择费用属性"
 | 
	
		
			
				|  |  | +          clearable
 | 
	
		
			
				|  |  | +          size="small"
 | 
	
		
			
				|  |  | +        >
 | 
	
		
			
				|  |  |            <el-option
 | 
	
		
			
				|  |  |              v-for="dict in fFeetypeOptions"
 | 
	
		
			
				|  |  |              :key="dict.dictValue"
 | 
	
	
		
			
				|  | @@ -30,7 +41,12 @@
 | 
	
		
			
				|  |  |          </el-select>
 | 
	
		
			
				|  |  |        </el-form-item>
 | 
	
		
			
				|  |  |        <el-form-item label="计量单位" prop="fFeeunitid">
 | 
	
		
			
				|  |  | -        <el-select v-model="queryParams.fFeeunitid" placeholder="请选择计量单位" clearable size="small">
 | 
	
		
			
				|  |  | +        <el-select
 | 
	
		
			
				|  |  | +          v-model="queryParams.fFeeunitid"
 | 
	
		
			
				|  |  | +          placeholder="请选择计量单位"
 | 
	
		
			
				|  |  | +          clearable
 | 
	
		
			
				|  |  | +          size="small"
 | 
	
		
			
				|  |  | +        >
 | 
	
		
			
				|  |  |            <el-option
 | 
	
		
			
				|  |  |              v-for="dict in fFeeunitidOptions"
 | 
	
		
			
				|  |  |              :key="dict.dictValue"
 | 
	
	
		
			
				|  | @@ -49,7 +65,7 @@
 | 
	
		
			
				|  |  |          />
 | 
	
		
			
				|  |  |        </el-form-item>
 | 
	
		
			
				|  |  |        <el-form-item label="状态" prop="fStatus">
 | 
	
		
			
				|  |  | -       <!-- <el-select v-model="queryParams.fStatus" placeholder="请选择状态" clearable size="small">
 | 
	
		
			
				|  |  | +        <!-- <el-select v-model="queryParams.fStatus" placeholder="请选择状态" clearable size="small">
 | 
	
		
			
				|  |  |            <el-option label="请选择字典生成" value="" />
 | 
	
		
			
				|  |  |          </el-select>-->
 | 
	
		
			
				|  |  |          <el-select
 | 
	
	
		
			
				|  | @@ -66,12 +82,18 @@
 | 
	
		
			
				|  |  |              :value="dict.dictValue"
 | 
	
		
			
				|  |  |            />
 | 
	
		
			
				|  |  |          </el-select>
 | 
	
		
			
				|  |  | -
 | 
	
		
			
				|  |  | -
 | 
	
		
			
				|  |  |        </el-form-item>
 | 
	
		
			
				|  |  |        <el-form-item>
 | 
	
		
			
				|  |  | -        <el-button type="cyan" 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="cyan"
 | 
	
		
			
				|  |  | +          icon="el-icon-search"
 | 
	
		
			
				|  |  | +          size="mini"
 | 
	
		
			
				|  |  | +          @click="handleQuery"
 | 
	
		
			
				|  |  | +          >搜索</el-button
 | 
	
		
			
				|  |  | +        >
 | 
	
		
			
				|  |  | +        <el-button icon="el-icon-refresh" size="mini" @click="resetQuery"
 | 
	
		
			
				|  |  | +          >重置</el-button
 | 
	
		
			
				|  |  | +        >
 | 
	
		
			
				|  |  |        </el-form-item>
 | 
	
		
			
				|  |  |      </el-form>
 | 
	
		
			
				|  |  |  
 | 
	
	
		
			
				|  | @@ -83,7 +105,8 @@
 | 
	
		
			
				|  |  |            size="mini"
 | 
	
		
			
				|  |  |            @click="handleAdd"
 | 
	
		
			
				|  |  |            v-hasPermi="['basicdata:fees:add']"
 | 
	
		
			
				|  |  | -        >新增</el-button>
 | 
	
		
			
				|  |  | +          >新增</el-button
 | 
	
		
			
				|  |  | +        >
 | 
	
		
			
				|  |  |        </el-col>
 | 
	
		
			
				|  |  |        <el-col :span="1.5">
 | 
	
		
			
				|  |  |          <el-button
 | 
	
	
		
			
				|  | @@ -93,7 +116,8 @@
 | 
	
		
			
				|  |  |            :disabled="single"
 | 
	
		
			
				|  |  |            @click="handleUpdate"
 | 
	
		
			
				|  |  |            v-hasPermi="['basicdata:fees:edit']"
 | 
	
		
			
				|  |  | -        >修改</el-button>
 | 
	
		
			
				|  |  | +          >修改</el-button
 | 
	
		
			
				|  |  | +        >
 | 
	
		
			
				|  |  |        </el-col>
 | 
	
		
			
				|  |  |        <el-col :span="1.5">
 | 
	
		
			
				|  |  |          <el-button
 | 
	
	
		
			
				|  | @@ -103,7 +127,8 @@
 | 
	
		
			
				|  |  |            :disabled="multiple"
 | 
	
		
			
				|  |  |            @click="handleDelete"
 | 
	
		
			
				|  |  |            v-hasPermi="['basicdata:fees:remove']"
 | 
	
		
			
				|  |  | -        >删除</el-button>
 | 
	
		
			
				|  |  | +          >删除</el-button
 | 
	
		
			
				|  |  | +        >
 | 
	
		
			
				|  |  |        </el-col>
 | 
	
		
			
				|  |  |        <el-col :span="1.5">
 | 
	
		
			
				|  |  |          <el-button
 | 
	
	
		
			
				|  | @@ -112,14 +137,15 @@
 | 
	
		
			
				|  |  |            size="mini"
 | 
	
		
			
				|  |  |            @click="handleExport"
 | 
	
		
			
				|  |  |            v-hasPermi="['basicdata:fees:export']"
 | 
	
		
			
				|  |  | -        >导出</el-button>
 | 
	
		
			
				|  |  | +          >导出</el-button
 | 
	
		
			
				|  |  | +        >
 | 
	
		
			
				|  |  |        </el-col>
 | 
	
		
			
				|  |  | -	 <div class="tabSetting">
 | 
	
		
			
				|  |  | -      <right-toolbar
 | 
	
		
			
				|  |  | -        :showSearch.sync="showSearch"
 | 
	
		
			
				|  |  | -        @queryTable="getList"
 | 
	
		
			
				|  |  | -      ></right-toolbar>
 | 
	
		
			
				|  |  | -         <div style="margin: 0 12px">
 | 
	
		
			
				|  |  | +      <div class="tabSetting">
 | 
	
		
			
				|  |  | +        <right-toolbar
 | 
	
		
			
				|  |  | +          :showSearch.sync="showSearch"
 | 
	
		
			
				|  |  | +          @queryTable="getList"
 | 
	
		
			
				|  |  | +        ></right-toolbar>
 | 
	
		
			
				|  |  | +        <div style="margin: 0 12px">
 | 
	
		
			
				|  |  |            <el-tooltip
 | 
	
		
			
				|  |  |              class="item"
 | 
	
		
			
				|  |  |              effect="dark"
 | 
	
	
		
			
				|  | @@ -136,7 +162,7 @@
 | 
	
		
			
				|  |  |          </div>
 | 
	
		
			
				|  |  |        </div>
 | 
	
		
			
				|  |  |      </el-row>
 | 
	
		
			
				|  |  | -       <el-dialog title="自定义列显示" :visible.sync="showSetting" width="700px">
 | 
	
		
			
				|  |  | +    <el-dialog title="自定义列显示" :visible.sync="showSetting" width="700px">
 | 
	
		
			
				|  |  |        <div>配置排序列数据(拖动调整顺序)</div>
 | 
	
		
			
				|  |  |        <div style="margin-left: 17px">
 | 
	
		
			
				|  |  |          <el-checkbox
 | 
	
	
		
			
				|  | @@ -188,9 +214,13 @@
 | 
	
		
			
				|  |  |          <el-button type="primary" @click="save()">确 定</el-button>
 | 
	
		
			
				|  |  |        </span>
 | 
	
		
			
				|  |  |      </el-dialog>
 | 
	
		
			
				|  |  | -    <el-table v-loading="loading" :data="feesList" @selection-change="handleSelectionChange">
 | 
	
		
			
				|  |  | +    <el-table
 | 
	
		
			
				|  |  | +      v-loading="loading"
 | 
	
		
			
				|  |  | +      :data="feesList"
 | 
	
		
			
				|  |  | +      @selection-change="handleSelectionChange"
 | 
	
		
			
				|  |  | +    >
 | 
	
		
			
				|  |  |        <el-table-column type="selection" width="55" align="center" />
 | 
	
		
			
				|  |  | -      <el-table-column type="index" label="序号" align="center"/>
 | 
	
		
			
				|  |  | +      <el-table-column type="index" label="序号" align="center" />
 | 
	
		
			
				|  |  |        <el-table-column
 | 
	
		
			
				|  |  |          v-for="(item, index) in getRowList"
 | 
	
		
			
				|  |  |          :key="index"
 | 
	
	
		
			
				|  | @@ -216,7 +246,13 @@
 | 
	
		
			
				|  |  |        <el-table-column label="币种" align="center" prop="fCurrency" :show-overflow-tooltip="true"  />
 | 
	
		
			
				|  |  |        <el-table-column label="状态" align="center" prop="fStatus" :formatter="statusFormat" />
 | 
	
		
			
				|  |  |        <el-table-column label="备注" align="center" prop="remark" :show-overflow-tooltip="true" /> -->
 | 
	
		
			
				|  |  | -      <el-table-column label="操作" align="center" class-name="small-padding fixed-width" width="150" fixed="right">
 | 
	
		
			
				|  |  | +      <el-table-column
 | 
	
		
			
				|  |  | +        label="操作"
 | 
	
		
			
				|  |  | +        align="center"
 | 
	
		
			
				|  |  | +        class-name="small-padding fixed-width"
 | 
	
		
			
				|  |  | +        width="150"
 | 
	
		
			
				|  |  | +        fixed="right"
 | 
	
		
			
				|  |  | +      >
 | 
	
		
			
				|  |  |          <template slot-scope="scope">
 | 
	
		
			
				|  |  |            <el-button
 | 
	
		
			
				|  |  |              size="mini"
 | 
	
	
		
			
				|  | @@ -224,20 +260,22 @@
 | 
	
		
			
				|  |  |              icon="el-icon-edit"
 | 
	
		
			
				|  |  |              @click="handleUpdate(scope.row)"
 | 
	
		
			
				|  |  |              v-hasPermi="['basicdata:fees:edit']"
 | 
	
		
			
				|  |  | -          >修改</el-button>
 | 
	
		
			
				|  |  | +            >修改</el-button
 | 
	
		
			
				|  |  | +          >
 | 
	
		
			
				|  |  |            <el-button
 | 
	
		
			
				|  |  |              size="mini"
 | 
	
		
			
				|  |  |              type="text"
 | 
	
		
			
				|  |  |              icon="el-icon-delete"
 | 
	
		
			
				|  |  |              @click="handleDelete(scope.row)"
 | 
	
		
			
				|  |  |              v-hasPermi="['basicdata:fees:remove']"
 | 
	
		
			
				|  |  | -          >删除</el-button>
 | 
	
		
			
				|  |  | +            >删除</el-button
 | 
	
		
			
				|  |  | +          >
 | 
	
		
			
				|  |  |          </template>
 | 
	
		
			
				|  |  |        </el-table-column>
 | 
	
		
			
				|  |  |      </el-table>
 | 
	
		
			
				|  |  |  
 | 
	
		
			
				|  |  |      <pagination
 | 
	
		
			
				|  |  | -      v-show="total>0"
 | 
	
		
			
				|  |  | +      v-show="total > 0"
 | 
	
		
			
				|  |  |        :total="total"
 | 
	
		
			
				|  |  |        :page.sync="queryParams.pageNum"
 | 
	
		
			
				|  |  |        :limit.sync="queryParams.pageSize"
 | 
	
	
		
			
				|  | @@ -252,30 +290,57 @@
 | 
	
		
			
				|  |  |        :visible.sync="open"
 | 
	
		
			
				|  |  |        :close-on-click-modal="false"
 | 
	
		
			
				|  |  |        width="80%"
 | 
	
		
			
				|  |  | -      append-to-body>
 | 
	
		
			
				|  |  | +      append-to-body
 | 
	
		
			
				|  |  | +    >
 | 
	
		
			
				|  |  |        <template slot="title">
 | 
	
		
			
				|  |  |          <div class="avue-crud__dialog__header">
 | 
	
		
			
				|  |  | -            <span class="el-dialog__title">
 | 
	
		
			
				|  |  | -            <span style="display:inline-block;width:3px;height:20px;margin-right:5px; float: left;margin-top:2px"></span>
 | 
	
		
			
				|  |  | +          <span class="el-dialog__title">
 | 
	
		
			
				|  |  | +            <span
 | 
	
		
			
				|  |  | +              style="
 | 
	
		
			
				|  |  | +                display: inline-block;
 | 
	
		
			
				|  |  | +                width: 3px;
 | 
	
		
			
				|  |  | +                height: 20px;
 | 
	
		
			
				|  |  | +                margin-right: 5px;
 | 
	
		
			
				|  |  | +                float: left;
 | 
	
		
			
				|  |  | +                margin-top: 2px;
 | 
	
		
			
				|  |  | +              "
 | 
	
		
			
				|  |  | +            ></span>
 | 
	
		
			
				|  |  |              添加费用信息
 | 
	
		
			
				|  |  | -            </span>
 | 
	
		
			
				|  |  | +          </span>
 | 
	
		
			
				|  |  |            <div class="avue-crud__dialog__menu enlarge" @click="full">
 | 
	
		
			
				|  |  | -            <i  style="cursor: pointer;display: block;width:12px;height:12px;border:1px solid #909399;border-top:3px solid #909399;margin-top: -3px;"></i>
 | 
	
		
			
				|  |  | +            <i
 | 
	
		
			
				|  |  | +              style="
 | 
	
		
			
				|  |  | +                cursor: pointer;
 | 
	
		
			
				|  |  | +                display: block;
 | 
	
		
			
				|  |  | +                width: 12px;
 | 
	
		
			
				|  |  | +                height: 12px;
 | 
	
		
			
				|  |  | +                border: 1px solid #909399;
 | 
	
		
			
				|  |  | +                border-top: 3px solid #909399;
 | 
	
		
			
				|  |  | +                margin-top: -3px;
 | 
	
		
			
				|  |  | +              "
 | 
	
		
			
				|  |  | +            ></i>
 | 
	
		
			
				|  |  |            </div>
 | 
	
		
			
				|  |  |          </div>
 | 
	
		
			
				|  |  |        </template>
 | 
	
		
			
				|  |  |  
 | 
	
		
			
				|  |  |        <el-form ref="form" :model="form" :rules="rules" label-width="80px">
 | 
	
		
			
				|  |  | -
 | 
	
		
			
				|  |  |          <el-row>
 | 
	
		
			
				|  |  |            <el-col :span="12">
 | 
	
		
			
				|  |  |              <el-form-item label="编号" prop="fNo">
 | 
	
		
			
				|  |  | -              <el-input v-model="form.fNo" placeholder="请输入编号" style="width:80%"/>
 | 
	
		
			
				|  |  | +              <el-input
 | 
	
		
			
				|  |  | +                v-model="form.fNo"
 | 
	
		
			
				|  |  | +                placeholder="请输入编号"
 | 
	
		
			
				|  |  | +                style="width: 80%"
 | 
	
		
			
				|  |  | +              />
 | 
	
		
			
				|  |  |              </el-form-item>
 | 
	
		
			
				|  |  |            </el-col>
 | 
	
		
			
				|  |  |            <el-col :span="12">
 | 
	
		
			
				|  |  |              <el-form-item label="名称" prop="fName">
 | 
	
		
			
				|  |  | -              <el-input v-model="form.fName" placeholder="请输入名称" style="width:80%" />
 | 
	
		
			
				|  |  | +              <el-input
 | 
	
		
			
				|  |  | +                v-model="form.fName"
 | 
	
		
			
				|  |  | +                placeholder="请输入名称"
 | 
	
		
			
				|  |  | +                style="width: 80%"
 | 
	
		
			
				|  |  | +              />
 | 
	
		
			
				|  |  |              </el-form-item>
 | 
	
		
			
				|  |  |            </el-col>
 | 
	
		
			
				|  |  |          </el-row>
 | 
	
	
		
			
				|  | @@ -283,7 +348,11 @@
 | 
	
		
			
				|  |  |          <el-row>
 | 
	
		
			
				|  |  |            <el-col :span="12">
 | 
	
		
			
				|  |  |              <el-form-item label="费用属性" prop="fFeetype">
 | 
	
		
			
				|  |  | -              <el-select v-model="form.fFeetype" placeholder="请选择费用属性" style="width:80%">
 | 
	
		
			
				|  |  | +              <el-select
 | 
	
		
			
				|  |  | +                v-model="form.fFeetype"
 | 
	
		
			
				|  |  | +                placeholder="请选择费用属性"
 | 
	
		
			
				|  |  | +                style="width: 80%"
 | 
	
		
			
				|  |  | +              >
 | 
	
		
			
				|  |  |                  <el-option
 | 
	
		
			
				|  |  |                    v-for="dict in fFeetypeOptions"
 | 
	
		
			
				|  |  |                    :key="dict.dictValue"
 | 
	
	
		
			
				|  | @@ -294,8 +363,12 @@
 | 
	
		
			
				|  |  |              </el-form-item>
 | 
	
		
			
				|  |  |            </el-col>
 | 
	
		
			
				|  |  |            <el-col :span="12">
 | 
	
		
			
				|  |  | -            <el-form-item label="计量单位" prop="fFeeunitid" >
 | 
	
		
			
				|  |  | -              <el-select v-model="form.fFeeunitid" placeholder="请选择计量单位" style="width:80%">
 | 
	
		
			
				|  |  | +            <el-form-item label="计量单位" prop="fFeeunitid">
 | 
	
		
			
				|  |  | +              <el-select
 | 
	
		
			
				|  |  | +                v-model="form.fFeeunitid"
 | 
	
		
			
				|  |  | +                placeholder="请选择计量单位"
 | 
	
		
			
				|  |  | +                style="width: 80%"
 | 
	
		
			
				|  |  | +              >
 | 
	
		
			
				|  |  |                  <el-option
 | 
	
		
			
				|  |  |                    v-for="dict in fFeeunitidOptions"
 | 
	
		
			
				|  |  |                    :key="dict.dictValue"
 | 
	
	
		
			
				|  | @@ -310,12 +383,20 @@
 | 
	
		
			
				|  |  |          <el-row>
 | 
	
		
			
				|  |  |            <el-col :span="12">
 | 
	
		
			
				|  |  |              <el-form-item label="币种" prop="fCurrency">
 | 
	
		
			
				|  |  | -              <el-input v-model="form.fCurrency" placeholder="请输入币种" style="width:80%" />
 | 
	
		
			
				|  |  | +              <el-input
 | 
	
		
			
				|  |  | +                v-model="form.fCurrency"
 | 
	
		
			
				|  |  | +                placeholder="请输入币种"
 | 
	
		
			
				|  |  | +                style="width: 80%"
 | 
	
		
			
				|  |  | +              />
 | 
	
		
			
				|  |  |              </el-form-item>
 | 
	
		
			
				|  |  |            </el-col>
 | 
	
		
			
				|  |  |            <el-col :span="12">
 | 
	
		
			
				|  |  | -            <el-form-item label="状态" >
 | 
	
		
			
				|  |  | -              <el-select v-model="form.fStatus" placeholder="状态" style="width:80%">
 | 
	
		
			
				|  |  | +            <el-form-item label="状态">
 | 
	
		
			
				|  |  | +              <el-select
 | 
	
		
			
				|  |  | +                v-model="form.fStatus"
 | 
	
		
			
				|  |  | +                placeholder="状态"
 | 
	
		
			
				|  |  | +                style="width: 80%"
 | 
	
		
			
				|  |  | +              >
 | 
	
		
			
				|  |  |                  <el-option
 | 
	
		
			
				|  |  |                    v-for="dict in fDocumentOptions"
 | 
	
		
			
				|  |  |                    :key="dict.dictValue"
 | 
	
	
		
			
				|  | @@ -327,17 +408,21 @@
 | 
	
		
			
				|  |  |            </el-col>
 | 
	
		
			
				|  |  |            <el-col :span="12">
 | 
	
		
			
				|  |  |              <el-form-item label="收付方向">
 | 
	
		
			
				|  |  | -              <el-select v-model="form.fDc" placeholder="" style="width:80%">
 | 
	
		
			
				|  |  | -                <el-option label="收" value="D"/>
 | 
	
		
			
				|  |  | -                <el-option label="付" value="C"/>
 | 
	
		
			
				|  |  | -                <el-option label="收付" value="DC"/>
 | 
	
		
			
				|  |  | +              <el-select v-model="form.fDc" placeholder="" style="width: 80%">
 | 
	
		
			
				|  |  | +                <el-option label="收" value="D" />
 | 
	
		
			
				|  |  | +                <el-option label="付" value="C" />
 | 
	
		
			
				|  |  | +                <el-option label="收付" value="DC" />
 | 
	
		
			
				|  |  |                </el-select>
 | 
	
		
			
				|  |  |              </el-form-item>
 | 
	
		
			
				|  |  |            </el-col>
 | 
	
		
			
				|  |  |          </el-row>
 | 
	
		
			
				|  |  |  
 | 
	
		
			
				|  |  |          <el-form-item label="备注" prop="remark">
 | 
	
		
			
				|  |  | -          <el-input v-model="form.remark" type="textarea" placeholder="请输入内容" />
 | 
	
		
			
				|  |  | +          <el-input
 | 
	
		
			
				|  |  | +            v-model="form.remark"
 | 
	
		
			
				|  |  | +            type="textarea"
 | 
	
		
			
				|  |  | +            placeholder="请输入内容"
 | 
	
		
			
				|  |  | +          />
 | 
	
		
			
				|  |  |          </el-form-item>
 | 
	
		
			
				|  |  |        </el-form>
 | 
	
		
			
				|  |  |        <div slot="footer" class="dialog-footer">
 | 
	
	
		
			
				|  | @@ -349,74 +434,82 @@
 | 
	
		
			
				|  |  |  </template>
 | 
	
		
			
				|  |  |  
 | 
	
		
			
				|  |  |  <script>
 | 
	
		
			
				|  |  | -import { listFees, getFees, delFees, addFees, updateFees, exportFees } from "../../../api/basicdata/fees";
 | 
	
		
			
				|  |  | -import Vue from 'vue'
 | 
	
		
			
				|  |  | +import {
 | 
	
		
			
				|  |  | +  listFees,
 | 
	
		
			
				|  |  | +  getFees,
 | 
	
		
			
				|  |  | +  delFees,
 | 
	
		
			
				|  |  | +  addFees,
 | 
	
		
			
				|  |  | +  updateFees,
 | 
	
		
			
				|  |  | +  exportFees,
 | 
	
		
			
				|  |  | +} from "../../../api/basicdata/fees";
 | 
	
		
			
				|  |  | +import Vue from "vue";
 | 
	
		
			
				|  |  |  import { addSet, select, resetModule } from "@/api/system/set";
 | 
	
		
			
				|  |  |  import Cookies from "js-cookie";
 | 
	
		
			
				|  |  |  import draggable from "vuedraggable";
 | 
	
		
			
				|  |  |  
 | 
	
		
			
				|  |  | -Vue.directive('dialogDrag', {
 | 
	
		
			
				|  |  | +Vue.directive("dialogDrag", {
 | 
	
		
			
				|  |  |    bind(el, binding, vnode, oldVnode) {
 | 
	
		
			
				|  |  | -    const dialogHeaderEl = el.querySelector('.el-dialog__header')
 | 
	
		
			
				|  |  | -    const dragDom = el.querySelector('.el-dialog')
 | 
	
		
			
				|  |  | -    const enlarge = el.querySelector('.enlarge')
 | 
	
		
			
				|  |  | -    dialogHeaderEl.style.cursor = 'move'
 | 
	
		
			
				|  |  | +    const dialogHeaderEl = el.querySelector(".el-dialog__header");
 | 
	
		
			
				|  |  | +    const dragDom = el.querySelector(".el-dialog");
 | 
	
		
			
				|  |  | +    const enlarge = el.querySelector(".enlarge");
 | 
	
		
			
				|  |  | +    dialogHeaderEl.style.cursor = "move";
 | 
	
		
			
				|  |  |  
 | 
	
		
			
				|  |  |      // 获取原有属性 ie dom元素.currentStyle 火狐谷歌 window.getComputedStyle(dom元素, null);
 | 
	
		
			
				|  |  | -    const sty = dragDom.currentStyle || window.getComputedStyle(dragDom, null)
 | 
	
		
			
				|  |  | -    if(enlarge){
 | 
	
		
			
				|  |  | +    const sty = dragDom.currentStyle || window.getComputedStyle(dragDom, null);
 | 
	
		
			
				|  |  | +    if (enlarge) {
 | 
	
		
			
				|  |  |        enlarge.onclick = (e) => {
 | 
	
		
			
				|  |  | -        dragDom.style.top = '0px'
 | 
	
		
			
				|  |  | -        dragDom.style.left = '0px'
 | 
	
		
			
				|  |  | -      }
 | 
	
		
			
				|  |  | +        dragDom.style.top = "0px";
 | 
	
		
			
				|  |  | +        dragDom.style.left = "0px";
 | 
	
		
			
				|  |  | +      };
 | 
	
		
			
				|  |  |      }
 | 
	
		
			
				|  |  |      dialogHeaderEl.onmousedown = (e) => {
 | 
	
		
			
				|  |  |        // 鼠标按下,计算当前元素距离可视区的距离
 | 
	
		
			
				|  |  | -      const disX = e.clientX - dialogHeaderEl.offsetLeft
 | 
	
		
			
				|  |  | -      const disY = e.clientY - dialogHeaderEl.offsetTop
 | 
	
		
			
				|  |  | +      const disX = e.clientX - dialogHeaderEl.offsetLeft;
 | 
	
		
			
				|  |  | +      const disY = e.clientY - dialogHeaderEl.offsetTop;
 | 
	
		
			
				|  |  |  
 | 
	
		
			
				|  |  |        // 获取到的值带px 正则匹配替换
 | 
	
		
			
				|  |  | -      let styL, styT
 | 
	
		
			
				|  |  | +      let styL, styT;
 | 
	
		
			
				|  |  |  
 | 
	
		
			
				|  |  |        // 注意在ie中 第一次获取到的值为组件自带50% 移动之后赋值为px
 | 
	
		
			
				|  |  | -      if (sty.left.includes('%')) {
 | 
	
		
			
				|  |  | -        styL = +document.body.clientWidth * (+sty.left.replace(/\%/g, '') / 100)
 | 
	
		
			
				|  |  | -        styT = +document.body.clientHeight * (+sty.top.replace(/\%/g, '') / 100)
 | 
	
		
			
				|  |  | +      if (sty.left.includes("%")) {
 | 
	
		
			
				|  |  | +        styL =
 | 
	
		
			
				|  |  | +          +document.body.clientWidth * (+sty.left.replace(/\%/g, "") / 100);
 | 
	
		
			
				|  |  | +        styT =
 | 
	
		
			
				|  |  | +          +document.body.clientHeight * (+sty.top.replace(/\%/g, "") / 100);
 | 
	
		
			
				|  |  |        } else {
 | 
	
		
			
				|  |  | -        styL = +sty.left.replace(/\px/g, '')
 | 
	
		
			
				|  |  | -        styT = +sty.top.replace(/\px/g, '')
 | 
	
		
			
				|  |  | +        styL = +sty.left.replace(/\px/g, "");
 | 
	
		
			
				|  |  | +        styT = +sty.top.replace(/\px/g, "");
 | 
	
		
			
				|  |  |        }
 | 
	
		
			
				|  |  |  
 | 
	
		
			
				|  |  | -      document.onmousemove = function(e) {
 | 
	
		
			
				|  |  | +      document.onmousemove = function (e) {
 | 
	
		
			
				|  |  |          // 通过事件委托,计算移动的距离
 | 
	
		
			
				|  |  | -        const l = e.clientX - disX
 | 
	
		
			
				|  |  | -        const t = e.clientY - disY
 | 
	
		
			
				|  |  | +        const l = e.clientX - disX;
 | 
	
		
			
				|  |  | +        const t = e.clientY - disY;
 | 
	
		
			
				|  |  |  
 | 
	
		
			
				|  |  |          // 移动当前元素
 | 
	
		
			
				|  |  |  
 | 
	
		
			
				|  |  | -        if ((t + styT) >= 0){
 | 
	
		
			
				|  |  | -          dragDom.style.top = `${t + styT}px`
 | 
	
		
			
				|  |  | +        if (t + styT >= 0) {
 | 
	
		
			
				|  |  | +          dragDom.style.top = `${t + styT}px`;
 | 
	
		
			
				|  |  |          }
 | 
	
		
			
				|  |  | -        dragDom.style.left = `${l + styL}px`
 | 
	
		
			
				|  |  | +        dragDom.style.left = `${l + styL}px`;
 | 
	
		
			
				|  |  |          // 将此时的位置传出去
 | 
	
		
			
				|  |  |          // binding.value({x:e.pageX,y:e.pageY})
 | 
	
		
			
				|  |  | -      }
 | 
	
		
			
				|  |  | +      };
 | 
	
		
			
				|  |  |  
 | 
	
		
			
				|  |  | -      document.onmouseup = function(e) {
 | 
	
		
			
				|  |  | -        document.onmousemove = null
 | 
	
		
			
				|  |  | -        document.onmouseup = null
 | 
	
		
			
				|  |  | -      }
 | 
	
		
			
				|  |  | -    }
 | 
	
		
			
				|  |  | -  }
 | 
	
		
			
				|  |  | -})
 | 
	
		
			
				|  |  | +      document.onmouseup = function (e) {
 | 
	
		
			
				|  |  | +        document.onmousemove = null;
 | 
	
		
			
				|  |  | +        document.onmouseup = null;
 | 
	
		
			
				|  |  | +      };
 | 
	
		
			
				|  |  | +    };
 | 
	
		
			
				|  |  | +  },
 | 
	
		
			
				|  |  | +});
 | 
	
		
			
				|  |  |  export default {
 | 
	
		
			
				|  |  |    name: "Fees",
 | 
	
		
			
				|  |  | -  components: {draggable
 | 
	
		
			
				|  |  | -  },
 | 
	
		
			
				|  |  | +  components: { draggable },
 | 
	
		
			
				|  |  |    data() {
 | 
	
		
			
				|  |  |      return {
 | 
	
		
			
				|  |  |        //全屏放大
 | 
	
		
			
				|  |  | -      dialogFull:false,
 | 
	
		
			
				|  |  | +      dialogFull: false,
 | 
	
		
			
				|  |  |        // 遮罩层
 | 
	
		
			
				|  |  |        loading: true,
 | 
	
		
			
				|  |  |        // 选中数组
 | 
	
	
		
			
				|  | @@ -456,21 +549,17 @@ export default {
 | 
	
		
			
				|  |  |        form: {},
 | 
	
		
			
				|  |  |        // 表单校验
 | 
	
		
			
				|  |  |        rules: {
 | 
	
		
			
				|  |  | -        fNo: [
 | 
	
		
			
				|  |  | -          { required: true, message: "编号不能为空", trigger: "blur" }
 | 
	
		
			
				|  |  | -        ],
 | 
	
		
			
				|  |  | -        fName: [
 | 
	
		
			
				|  |  | -          { required: true, message: "名称不能为空", trigger: "blur" }
 | 
	
		
			
				|  |  | -        ],
 | 
	
		
			
				|  |  | +        fNo: [{ required: true, message: "编号不能为空", trigger: "blur" }],
 | 
	
		
			
				|  |  | +        fName: [{ required: true, message: "名称不能为空", trigger: "blur" }],
 | 
	
		
			
				|  |  |        },
 | 
	
		
			
				|  |  | -        showSetting: false,
 | 
	
		
			
				|  |  | +      showSetting: false,
 | 
	
		
			
				|  |  |        drag: false,
 | 
	
		
			
				|  |  |        setRowList: [],
 | 
	
		
			
				|  |  |        getRowList: [],
 | 
	
		
			
				|  |  |        tableDate: [
 | 
	
		
			
				|  |  |          {
 | 
	
		
			
				|  |  |            surface: "1",
 | 
	
		
			
				|  |  | -          label: "fTypename",
 | 
	
		
			
				|  |  | +          label: "fNo",
 | 
	
		
			
				|  |  |            name: "编号",
 | 
	
		
			
				|  |  |            checked: 0,
 | 
	
		
			
				|  |  |            width: 150,
 | 
	
	
		
			
				|  | @@ -522,29 +611,29 @@ export default {
 | 
	
		
			
				|  |  |            label: "remark",
 | 
	
		
			
				|  |  |            name: "备注",
 | 
	
		
			
				|  |  |            checked: 0,
 | 
	
		
			
				|  |  | -          width:null,
 | 
	
		
			
				|  |  | -        }
 | 
	
		
			
				|  |  | +          width: null,
 | 
	
		
			
				|  |  | +        },
 | 
	
		
			
				|  |  |        ],
 | 
	
		
			
				|  |  |        allCheck: false,
 | 
	
		
			
				|  |  |      };
 | 
	
		
			
				|  |  |    },
 | 
	
		
			
				|  |  |    created() {
 | 
	
		
			
				|  |  | -      this.setRowList = this.tableDate;
 | 
	
		
			
				|  |  | +    this.setRowList = this.tableDate;
 | 
	
		
			
				|  |  |      this.getRowList = this.tableDate;
 | 
	
		
			
				|  |  | -    this.getList();
 | 
	
		
			
				|  |  | -    this.getDicts("data_cost_attribute").then(response => {
 | 
	
		
			
				|  |  | +    this.getDicts("data_cost_attribute").then((response) => {
 | 
	
		
			
				|  |  |        this.fFeetypeOptions = response.data;
 | 
	
		
			
				|  |  |      });
 | 
	
		
			
				|  |  | -    this.getDicts("document_status").then(response => {
 | 
	
		
			
				|  |  | +    this.getDicts("document_status").then((response) => {
 | 
	
		
			
				|  |  |        this.fDocumentOptions = response.data;
 | 
	
		
			
				|  |  |      });
 | 
	
		
			
				|  |  | -    this.getDicts("data_unitfees").then(response => {
 | 
	
		
			
				|  |  | +    this.getDicts("data_unitfees").then((response) => {
 | 
	
		
			
				|  |  |        this.fFeeunitidOptions = response.data;
 | 
	
		
			
				|  |  |      });
 | 
	
		
			
				|  |  |      this.getRow();
 | 
	
		
			
				|  |  | +    this.getList();
 | 
	
		
			
				|  |  |    },
 | 
	
		
			
				|  |  |    methods: {
 | 
	
		
			
				|  |  | -     //列设置全选
 | 
	
		
			
				|  |  | +    //列设置全选
 | 
	
		
			
				|  |  |      allChecked() {
 | 
	
		
			
				|  |  |        if (this.allCheck == true) {
 | 
	
		
			
				|  |  |          this.setRowList.map((e) => {
 | 
	
	
		
			
				|  | @@ -618,8 +707,8 @@ export default {
 | 
	
		
			
				|  |  |      onEnd() {
 | 
	
		
			
				|  |  |        this.drag = false;
 | 
	
		
			
				|  |  |      },
 | 
	
		
			
				|  |  | -    full(){
 | 
	
		
			
				|  |  | -      this.dialogFull = !this.dialogFull
 | 
	
		
			
				|  |  | +    full() {
 | 
	
		
			
				|  |  | +      this.dialogFull = !this.dialogFull;
 | 
	
		
			
				|  |  |      },
 | 
	
		
			
				|  |  |      // 费用属性默认为仓储、计量单位默认为毛重
 | 
	
		
			
				|  |  |      query() {
 | 
	
	
		
			
				|  | @@ -629,7 +718,35 @@ export default {
 | 
	
		
			
				|  |  |      /** 查询费用信息列表 */
 | 
	
		
			
				|  |  |      getList() {
 | 
	
		
			
				|  |  |        this.loading = true;
 | 
	
		
			
				|  |  | -      listFees(this.queryParams).then(response => {
 | 
	
		
			
				|  |  | +      listFees(this.queryParams).then((response) => {
 | 
	
		
			
				|  |  | +        response.rows.map((e) => {
 | 
	
		
			
				|  |  | +          this.fFeetypeOptions.map((s) => {
 | 
	
		
			
				|  |  | +            if (e.fFeetype == s.dictValue) {
 | 
	
		
			
				|  |  | +              e.fFeetype = s.dictLabel;
 | 
	
		
			
				|  |  | +            }
 | 
	
		
			
				|  |  | +          });
 | 
	
		
			
				|  |  | +          if (e.fDc) {
 | 
	
		
			
				|  |  | +            if (e.fDc == "D") {
 | 
	
		
			
				|  |  | +              e.fDc = "收";
 | 
	
		
			
				|  |  | +            }
 | 
	
		
			
				|  |  | +            if (e.fDc == "C") {
 | 
	
		
			
				|  |  | +              e.fDc = "付";
 | 
	
		
			
				|  |  | +            }
 | 
	
		
			
				|  |  | +            if (e.fDc == "DC") {
 | 
	
		
			
				|  |  | +              e.fDc = "收付";
 | 
	
		
			
				|  |  | +            }
 | 
	
		
			
				|  |  | +          }
 | 
	
		
			
				|  |  | +          this.fFeeunitidOptions.map((s) => {
 | 
	
		
			
				|  |  | +            if (e.fFeeunitid == s.dictValue) {
 | 
	
		
			
				|  |  | +              e.fFeeunitid = s.dictLabel;
 | 
	
		
			
				|  |  | +            }
 | 
	
		
			
				|  |  | +          });
 | 
	
		
			
				|  |  | +          this.fDocumentOptions.map((s) => {
 | 
	
		
			
				|  |  | +            if (e.fStatus == s.dictValue) {
 | 
	
		
			
				|  |  | +              e.fStatus = s.dictLabel;
 | 
	
		
			
				|  |  | +            }
 | 
	
		
			
				|  |  | +          });
 | 
	
		
			
				|  |  | +        });
 | 
	
		
			
				|  |  |          this.feesList = response.rows;
 | 
	
		
			
				|  |  |          this.total = response.total;
 | 
	
		
			
				|  |  |          this.loading = false;
 | 
	
	
		
			
				|  | @@ -667,7 +784,7 @@ export default {
 | 
	
		
			
				|  |  |          createTime: null,
 | 
	
		
			
				|  |  |          updateBy: null,
 | 
	
		
			
				|  |  |          updateTime: null,
 | 
	
		
			
				|  |  | -        remark: null
 | 
	
		
			
				|  |  | +        remark: null,
 | 
	
		
			
				|  |  |        };
 | 
	
		
			
				|  |  |        this.resetForm("form");
 | 
	
		
			
				|  |  |      },
 | 
	
	
		
			
				|  | @@ -683,9 +800,9 @@ export default {
 | 
	
		
			
				|  |  |      },
 | 
	
		
			
				|  |  |      // 多选框选中数据
 | 
	
		
			
				|  |  |      handleSelectionChange(selection) {
 | 
	
		
			
				|  |  | -      this.ids = selection.map(item => item.fId)
 | 
	
		
			
				|  |  | -      this.single = selection.length!==1
 | 
	
		
			
				|  |  | -      this.multiple = !selection.length
 | 
	
		
			
				|  |  | +      this.ids = selection.map((item) => item.fId);
 | 
	
		
			
				|  |  | +      this.single = selection.length !== 1;
 | 
	
		
			
				|  |  | +      this.multiple = !selection.length;
 | 
	
		
			
				|  |  |      },
 | 
	
		
			
				|  |  |      /** 新增按钮操作 */
 | 
	
		
			
				|  |  |      handleAdd() {
 | 
	
	
		
			
				|  | @@ -697,8 +814,8 @@ export default {
 | 
	
		
			
				|  |  |      /** 修改按钮操作 */
 | 
	
		
			
				|  |  |      handleUpdate(row) {
 | 
	
		
			
				|  |  |        this.reset();
 | 
	
		
			
				|  |  | -      const fId = row.fId || this.ids
 | 
	
		
			
				|  |  | -      getFees(fId).then(response => {
 | 
	
		
			
				|  |  | +      const fId = row.fId || this.ids;
 | 
	
		
			
				|  |  | +      getFees(fId).then((response) => {
 | 
	
		
			
				|  |  |          this.form = response.data;
 | 
	
		
			
				|  |  |          this.open = true;
 | 
	
		
			
				|  |  |          this.title = "修改费用信息";
 | 
	
	
		
			
				|  | @@ -706,16 +823,16 @@ export default {
 | 
	
		
			
				|  |  |      },
 | 
	
		
			
				|  |  |      /** 提交按钮 */
 | 
	
		
			
				|  |  |      submitForm() {
 | 
	
		
			
				|  |  | -      this.$refs["form"].validate(valid => {
 | 
	
		
			
				|  |  | +      this.$refs["form"].validate((valid) => {
 | 
	
		
			
				|  |  |          if (valid) {
 | 
	
		
			
				|  |  |            if (this.form.fId != null) {
 | 
	
		
			
				|  |  | -            updateFees(this.form).then(response => {
 | 
	
		
			
				|  |  | +            updateFees(this.form).then((response) => {
 | 
	
		
			
				|  |  |                this.msgSuccess("修改成功");
 | 
	
		
			
				|  |  |                this.open = false;
 | 
	
		
			
				|  |  |                this.getList();
 | 
	
		
			
				|  |  |              });
 | 
	
		
			
				|  |  |            } else {
 | 
	
		
			
				|  |  | -            addFees(this.form).then(response => {
 | 
	
		
			
				|  |  | +            addFees(this.form).then((response) => {
 | 
	
		
			
				|  |  |                this.msgSuccess("新增成功");
 | 
	
		
			
				|  |  |                this.open = false;
 | 
	
		
			
				|  |  |                this.getList();
 | 
	
	
		
			
				|  | @@ -727,31 +844,39 @@ export default {
 | 
	
		
			
				|  |  |      /** 删除按钮操作 */
 | 
	
		
			
				|  |  |      handleDelete(row) {
 | 
	
		
			
				|  |  |        const fIds = row.fId || this.ids;
 | 
	
		
			
				|  |  | -      this.$confirm('是否确认删除费用信息编号为"' + fIds + '"的数据项?', "警告", {
 | 
	
		
			
				|  |  | +      this.$confirm(
 | 
	
		
			
				|  |  | +        '是否确认删除费用信息编号为"' + fIds + '"的数据项?',
 | 
	
		
			
				|  |  | +        "警告",
 | 
	
		
			
				|  |  | +        {
 | 
	
		
			
				|  |  |            confirmButtonText: "确定",
 | 
	
		
			
				|  |  |            cancelButtonText: "取消",
 | 
	
		
			
				|  |  | -          type: "warning"
 | 
	
		
			
				|  |  | -        }).then(function() {
 | 
	
		
			
				|  |  | +          type: "warning",
 | 
	
		
			
				|  |  | +        }
 | 
	
		
			
				|  |  | +      )
 | 
	
		
			
				|  |  | +        .then(function () {
 | 
	
		
			
				|  |  |            return delFees(fIds);
 | 
	
		
			
				|  |  | -        }).then(() => {
 | 
	
		
			
				|  |  | +        })
 | 
	
		
			
				|  |  | +        .then(() => {
 | 
	
		
			
				|  |  |            this.getList();
 | 
	
		
			
				|  |  |            this.msgSuccess("删除成功");
 | 
	
		
			
				|  |  | -        })
 | 
	
		
			
				|  |  | +        });
 | 
	
		
			
				|  |  |      },
 | 
	
		
			
				|  |  |      /** 导出按钮操作 */
 | 
	
		
			
				|  |  |      handleExport() {
 | 
	
		
			
				|  |  |        const queryParams = this.queryParams;
 | 
	
		
			
				|  |  | -      this.$confirm('是否确认导出所有费用信息数据项?', "警告", {
 | 
	
		
			
				|  |  | -          confirmButtonText: "确定",
 | 
	
		
			
				|  |  | -          cancelButtonText: "取消",
 | 
	
		
			
				|  |  | -          type: "warning"
 | 
	
		
			
				|  |  | -        }).then(function() {
 | 
	
		
			
				|  |  | +      this.$confirm("是否确认导出所有费用信息数据项?", "警告", {
 | 
	
		
			
				|  |  | +        confirmButtonText: "确定",
 | 
	
		
			
				|  |  | +        cancelButtonText: "取消",
 | 
	
		
			
				|  |  | +        type: "warning",
 | 
	
		
			
				|  |  | +      })
 | 
	
		
			
				|  |  | +        .then(function () {
 | 
	
		
			
				|  |  |            return exportFees(queryParams);
 | 
	
		
			
				|  |  | -        }).then(response => {
 | 
	
		
			
				|  |  | -          this.download(response.msg);
 | 
	
		
			
				|  |  |          })
 | 
	
		
			
				|  |  | -    }
 | 
	
		
			
				|  |  | -  }
 | 
	
		
			
				|  |  | +        .then((response) => {
 | 
	
		
			
				|  |  | +          this.download(response.msg);
 | 
	
		
			
				|  |  | +        });
 | 
	
		
			
				|  |  | +    },
 | 
	
		
			
				|  |  | +  },
 | 
	
		
			
				|  |  |  };
 | 
	
		
			
				|  |  |  </script>
 | 
	
		
			
				|  |  |  <style lang="scss">
 | 
	
	
		
			
				|  | @@ -767,7 +892,7 @@ export default {
 | 
	
		
			
				|  |  |    justify-content: space-between;
 | 
	
		
			
				|  |  |  }
 | 
	
		
			
				|  |  |  .el-dialog__title {
 | 
	
		
			
				|  |  | -  color: rgba(0,0,0,.85);
 | 
	
		
			
				|  |  | +  color: rgba(0, 0, 0, 0.85);
 | 
	
		
			
				|  |  |    font-weight: 500;
 | 
	
		
			
				|  |  |    word-wrap: break-word;
 | 
	
		
			
				|  |  |  }
 | 
	
	
		
			
				|  | @@ -779,7 +904,7 @@ export default {
 | 
	
		
			
				|  |  |    color: #909399;
 | 
	
		
			
				|  |  |    font-size: 15px;
 | 
	
		
			
				|  |  |  }
 | 
	
		
			
				|  |  | -.el-icon-full-screen{
 | 
	
		
			
				|  |  | +.el-icon-full-screen {
 | 
	
		
			
				|  |  |    cursor: pointer;
 | 
	
		
			
				|  |  |  }
 | 
	
		
			
				|  |  |  .el-icon-full-screen:before {
 |