修改了收费申请单

yxh

2024-04-22 abff8ae6903a7f95eca4779b27434ee39ed72844

修改了收费申请单

 src/views/project/unitCost/particulars/index.vue

@@ -5,399 +5,188 @@
        <el-form ref="form" :model="form" :rules="rules" label-width="120px">
          <el-row>
            <el-col :span="5">
              <el-form-item label="经办人" prop="name">
                <el-input
                  v-model="form.createby"
                  placeholder="请输入姓名"
                  :disabled="true"
                />
              </el-form-item>
            </el-col>
            <el-col :span="5">
              <el-form-item label="收款状态" prop="sex">
                <el-select v-model="form.paystatus" placeholder="请选择状态">
                  <el-option
                    v-for="dict in gatheringlist"
                    :key="dict.label"
                    :label="dict.label"
                    :value="dict.value"
                  ></el-option>
                </el-select>
              </el-form-item>
            </el-col>
  
            <el-col :span="7">
              <el-form-item label="申请日期" prop="createTime">
                <el-date-picker
                  v-model="form.createTime"
                  value-format="yyyy-MM-dd HH:mm:ss"
                  type="datetime"
                  :disabled="true"
                  placeholder="选择出生年月"
                >
              <el-date-picker v-model="form.createTime" value-format="yyyy-MM-dd HH:mm:ss" type="datetime"
                :disabled="true" placeholder="选择出生年月">
                </el-date-picker>
              </el-form-item>
            </el-col>
            <el-col :span="7"
              ><el-form-item label="收款单号" prop="donateno">
          <el-col :span="5">
            <el-form-item label="单据状态" prop="paystatus">
              <el-select v-model="form.paystatus" placeholder="请选择状态">
                <el-option v-for="dict in gatheringlist" :key="dict.label" :label="dict.label"
                  :value="dict.value"></el-option>
              </el-select>
            </el-form-item>
          </el-col>
          <el-col :span="5"><el-form-item label="单据编号" prop="paymentno">
                <el-input v-model="form.paymentno" placeholder="请输入收款单号" />
              </el-form-item>
            </el-col> </el-row
          ><el-row
            ><el-col :span="5"
              ><el-form-item label="收款单位" prop="donateno">
                <el-input
                  v-model="form.beneficiary"
                  placeholder="请输入收款单位"
                />
              </el-form-item>
            </el-col>
            <el-col :span="12"
              ><el-form-item label="收款银行" prop="donateno">
                <el-input
                  v-model="form.beneficiarybank"
                  placeholder="请输入收款银行"
                />
              </el-form-item>
            </el-col>
  
            <el-col :span="7">
              <el-form-item label="收款行号" prop="donationcategory">
                <el-input
                  v-model="form.beneficiaryaccount"
                  placeholder="请输入收款行号"
                />
          <el-col :span="5">
            <el-form-item label="经办人" prop="createby">
              <el-input v-model="form.createby" placeholder="请输入姓名" :disabled="true" />
              </el-form-item>
            </el-col>
          </el-row>
          <el-row>
            <el-col :span="24">
          <el-col :span="5">
            <el-form-item label="收款单位" prop="beneficiary">
              <el-input v-model="form.beneficiary" placeholder="请输入收款单位" />
            </el-form-item>
          </el-col>
          <el-col :span="10">
            <el-form-item label="收款银行" prop="beneficiarybank">
              <el-input v-model="form.beneficiarybank" placeholder="请输入收款银行" />
            </el-form-item>
          </el-col>
          <el-col :span="5">
            <el-form-item label="收款账号" prop="beneficiaryaccount">
              <el-input v-model="form.beneficiaryaccount" placeholder="请输入收款行号" />
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="20">
              <el-form-item label="联系信息" prop="remark">
                <el-input v-model="form.remark" placeholder="请输入备注" />
              </el-form-item>
            </el-col>
          </el-row>
          <el-row>
            <el-col :span="7">
              <el-form-item label="付款医院" prop="sex">
                <el-input
                  v-model="form.hospitalname"
                  placeholder="请输入付款医院"
                  :disabled="true"
                />
              </el-form-item>
            </el-col>
            <el-col :span="5">
              <el-form-item label="应收金额" prop="receivableamount">
                <el-input
                  v-model="form.receivableamount"
                  placeholder="请输入应收金额"
                  :disabled="true"
                />
            <el-form-item label="付款医院" prop="hospitalname">
              <el-input v-model="form.hospitalname" placeholder="请输入付款医院" :disabled="true" />
              </el-form-item>
            </el-col>
            <el-col :span="5">
              <el-form-item label="实收金额" prop="receivedamount">
                <el-input
                  @blur="chargeSumall"
                  v-model="form.receivedamount"
                  placeholder="请输入实收金额"
                />
              <el-input @blur="chargeSumall" v-model="form.receivedamount" placeholder="请输入实收金额" />
              </el-form-item>
            </el-col>
            <el-col :span="5">
              <el-form-item label="收款日期" prop="receivedtime">
                <el-date-picker
                  clearable
                  size="small"
                  v-model="form.receivedtime"
                  value-format="yyyy-MM-dd HH:mm:ss"
                  type="datetime"
                  placeholder="选择收款日期"
                >
              <el-date-picker clearable size="small" v-model="form.receivedtime" value-format="yyyy-MM-dd HH:mm:ss"
                type="datetime" placeholder="选择收款日期">
                </el-date-picker>
            </el-form-item>
          </el-col>
          <el-col :span="5">
            <el-form-item label="应收金额" prop="receivableamount">
              <el-input v-model="form.receivableamount" placeholder="请输入应收金额" :disabled="true" />
              </el-form-item>
            </el-col>
          </el-row>
          <div class="headlines">
            <div>收款明细</div>
            <el-button type="primary" @click="handleAddpatient">新增</el-button>
          <div>移植器官（包含组织）明细</div>
          <el-button type="primary" @click="handleAddpatient">新增移植器官（包含组织）</el-button>
          </div>
          <el-row style="margin-top: 10px">
            <el-table
              :data="donorchargeorgans"
              ref="table"
              border
              max-height="800"
              highlight-current-row
              :summary-method="getSummaries"
              show-summary
            >
              <el-table-column
                prop="organno"
                align="center"
                fixed
                label="器官编号"
                width="90"
              >
          <el-table :data="donorchargeorgans" ref="table" border max-height="800" highlight-current-row
            :summary-method="getSummaries" show-summary>
            <el-table-column prop="organno" align="center" fixed label="器官编号" width="90">
                <template slot-scope="scope">
                  <el-input
                    v-model="scope.row.organno"
                    placeholder="器官编号"
                    :disabled="true"
                  />
                <el-input v-model="scope.row.organno" placeholder="器官编号" :disabled="true" />
                </template>
              </el-table-column>
              <el-table-column
                prop="organname"
                fixed
                align="center"
                label="器官名称"
                width="120"
              >
            <el-table-column prop="organname" fixed align="center" label="器官名称" width="120">
                <template slot-scope="scope">
                  <el-input
                    v-model="scope.row.organname"
                    :disabled="true"
                    placeholder="器官名称"
                  />
                <el-input v-model="scope.row.organname" :disabled="true" placeholder="器官名称" />
                </template>
              </el-table-column>
              <el-table-column
                label="国家编号"
                align="center"
                width="120"
                prop="caseno"
              >
            <el-table-column label="国家编号" align="center" width="120" prop="caseno">
                <template slot-scope="scope">
                  <el-input
                    v-model="scope.row.caseno"
                    :disabled="true"
                    placeholder="国家编号"
                  />
                <el-input v-model="scope.row.caseno" :disabled="true" placeholder="国家编号" />
                </template>
              </el-table-column>
              <el-table-column
                prop="hospitalno"
                align="center"
                label="接收医院"
                width="280"
              >
            <el-table-column prop="hospitalno" align="center" label="接收医院" width="280">
                <template slot-scope="scope">
                  <!-- <el-input
                    v-model="scope.row.hospitalname"
                    :disabled="true"
                    placeholder="接收医院"
                  /> -->
                  <org-selecter
                          ref="tranHosSelect"
                          :org-type="'4'"
                    :disabled="true"
  
                          v-model="scope.row.hospitalno"
                          style="width: 100%"
                        />
                <org-selecter ref="tranHosSelect" :org-type="'4'" :disabled="true" v-model="scope.row.hospitalno"
                  style="width: 100%" />
                </template>
              </el-table-column>
              <el-table-column
                label="受体姓氏"
                align="center"
                width="120"
                prop="name"
              >
            <el-table-column label="受体姓氏" align="center" width="120" prop="name">
                <template slot-scope="scope">
                  <el-input
                    v-model="scope.row.name"
                    :disabled="true"
                    placeholder="受体姓氏"
                  />
                <el-input v-model="scope.row.name" :disabled="true" placeholder="受体姓氏" />
                </template>
              </el-table-column>
              <el-table-column
                prop="receiveTime"
                align="center"
                label="接收日期"
                width="200"
              >
            <el-table-column prop="receiveTime" align="center" label="接收日期" width="200">
                <template slot-scope="scope">
                  <el-date-picker
                    clearable
                    size="small"
                    style="width: 100%"
                    v-model="scope.row.receiveTime"
                    :disabled="true"
                    type="date"
                    value-format="yyyy-MM-dd HH:mm:ss"
                    placeholder="接收日期"
                  >
                <el-date-picker clearable size="small" style="width: 100%" v-model="scope.row.receiveTime"
                  :disabled="true" type="date" value-format="yyyy-MM-dd HH:mm:ss" placeholder="接收日期">
                  </el-date-picker>
                </template>
              </el-table-column>
  
              <el-table-column
                prop="organcharge"
                align="center"
                label="应收金额"
                width="150"
              >
            <el-table-column prop="organcharge" align="center" label="应收金额" width="150">
                <template slot-scope="scope">
                  <el-input
                    @blur="chargeSum"
                    v-model="scope.row.organcharge"
                    placeholder="应收金额"
                  />
                <el-input @blur="chargeSum" v-model="scope.row.organcharge" placeholder="应收金额" />
                </template>
              </el-table-column>
              <el-table-column
                prop="amount"
                align="center"
                label="实收金额"
                width="150"
              >
            <el-table-column prop="amount" align="center" label="实收金额" width="150">
                <template slot-scope="scope">
                  <el-input
                    @blur="chargeSum"
                    v-model="scope.row.amount"
                    placeholder="实收金额"
                  />
                <el-input @blur="chargeSum" v-model="scope.row.amount" placeholder="实收金额" />
                </template>
              </el-table-column>
  
              <el-table-column
                prop="amounttime"
                align="center"
                label="收款日期"
                width="200"
              >
            <el-table-column prop="amounttime" align="center" label="收款日期" width="200">
                <template slot-scope="scope">
                  <el-date-picker
                    clearable
                    size="small"
                    style="width: 100%"
                    v-model="scope.row.amounttime"
                    type="date"
                    value-format="yyyy-MM-dd HH:mm:ss"
                    placeholder="收款日期"
                  >
                <el-date-picker clearable size="small" style="width: 100%" v-model="scope.row.amounttime" type="date"
                  value-format="yyyy-MM-dd HH:mm:ss" placeholder="收款日期">
                  </el-date-picker>
                </template>
              </el-table-column>
              <el-table-column
                prop="organchargedesc"
                width="280"
                align="center"
                label="备注"
              >
            <el-table-column prop="organchargedesc" width="280" align="center" label="备注">
                <template slot-scope="scope">
                  <el-input
                    type="textarea"
                    :rows="1"
                    v-model="scope.row.organchargedesc"
                    placeholder="备注"
                  />
                <el-input type="textarea" :rows="1" v-model="scope.row.organchargedesc" placeholder="备注" />
                </template>
              </el-table-column>
              <el-table-column
                label="操作"
                fixed="right"
                width="260"
                align="center"
              >
            <el-table-column label="操作" fixed="right" width="260" align="center">
                <template slot-scope="scope">
                  <el-button
                    type="text"
                    @click="handleDelete(scope.row)"
                    v-hasPermi="['system:donorcharge:remove']"
                    ><span class="button-delete"
                      ><i class="el-icon-delete"></i>删除</span
                    ></el-button
                  >
                  <el-button
                    type="text"
                    icon="el-icon-folder-opened"
                    @click="Filepopup(scope.$index, scope.row)"
                    v-hasPermi="['system:donorcharge:edit']"
                    >附件</el-button
                  >
                <el-button type="text" @click="handleDelete(scope.row)" v-hasPermi="['system:donorcharge:remove']"><span
                    class="button-delete"><i class="el-icon-delete"></i>删除</span></el-button>
                <el-button type="text" icon="el-icon-folder-opened" @click="Filepopup(scope.$index, scope.row)"
                  v-hasPermi="['system:donorcharge:edit']">附件</el-button>
                </template>
              </el-table-column>
            </el-table>
          </el-row>
        </el-form>
        <div slot="footer" class="dialog-footer">
          <el-button
            type="success"
            @click="submitForm"
            v-if="operationType == 'add' || operationType == 'update'"
            >保 存</el-button
          >
        <el-button type="success" @click="submitForm" v-if="operationType == 'add' || operationType == 'update'">保
          存</el-button>
          <el-button type="info" @click="cancel">关闭</el-button>
        </div>
        <!-- 添加患者 -->
        <el-dialog
          title="选择器官和组织"
          :visible.sync="dialogVisiblepatient"
          width="70%"
          :before-close="handleClosehz"
        >
      <el-dialog title="选择器官和组织" :visible.sync="dialogVisiblepatient" width="70%" :before-close="handleClosehz">
          <div class="examine-jic">
            <div class="jic-value">
              <el-row :gutter="20">
                <!--用户数据-->
                <el-form
                  :model="patientqueryParams"
                  ref="queryForm"
                  size="small"
                  :inline="true"
                  label-width="98px"
                >
              <el-form :model="patientqueryParams" ref="queryForm" size="small" :inline="true" label-width="98px">
                  <el-form-item label="接收医院" prop="status">
                    <el-input
                      v-model="form.hospitalname"
                      placeholder="请输入付款医院"
                      :disabled="true"
                    />
                  <el-input v-model="form.hospitalname" placeholder="请输入付款医院" :disabled="true" />
                  </el-form-item>
                  <el-form-item label="捐献者" prop="status">
                    <el-select
                      v-model="patientqueryParams.donorchargeid"
                      filterable
                      placeholder="请选择"
                    >
                      <el-option
                        v-for="item in donorchargeanlList"
                        :key="item.id"
                        :label="item.name"
                        :value="item.id"
                      >
                  <el-select v-model="patientqueryParams.donorchargeid" filterable placeholder="请选择">
                    <el-option v-for="item in donorchargeanlList" :key="item.id" :label="item.name" :value="item.id">
                      </el-option>
                    </el-select>
                  </el-form-item>
  
                  <el-form-item>
                    <el-button
                      type="primary"
                      icon="el-icon-search"
                      size="medium"
                      @click="handleAddpatient"
                      >搜索</el-button
                    >
                    <el-button
                      icon="el-icon-refresh"
                      size="medium"
                      @click="resetQuery"
                      >重置</el-button
                    >
                  <el-button type="primary" icon="el-icon-search" size="medium" @click="handleAddpatient">搜索</el-button>
                  <el-button icon="el-icon-refresh" size="medium" @click="resetQuery">重置</el-button>
                  </el-form-item>
                </el-form>
                <!-- 选择器官列表 -->
                <el-table
                  ref="multipleTable"
                  :data="donorchargeList"
                  tooltip-effect="dark"
                  style="width: 100%"
                  @selection-change="handleSelectionChange"
                >
              <el-table ref="multipleTable" :data="donorchargeList" tooltip-effect="dark" style="width: 100%"
                @selection-change="handleSelectionChange">
                  <el-table-column type="selection" width="55"> </el-table-column>
                  <el-table-column label="捐献者" width="120">
                    <template slot-scope="scope">{{
@@ -405,150 +194,64 @@
                    }}</template>
                  </el-table-column>
  
                  <el-table-column
                    prop="organname"
                    label="器官名称"
                    show-overflow-tooltip
                  >
                <el-table-column prop="organname" label="器官名称" show-overflow-tooltip>
                  </el-table-column>
                  <el-table-column prop="organno" label="器官编号" width="120">
                  </el-table-column>
                  <el-table-column
                    prop="caseno"
                    label="国家分配编号"
                    show-overflow-tooltip
                  >
                <el-table-column prop="caseno" label="国家分配编号" show-overflow-tooltip>
                  </el-table-column>
                  <el-table-column
                    prop="name"
                    label="受体姓氏"
                    show-overflow-tooltip
                  >
                <el-table-column prop="name" label="受体姓氏" show-overflow-tooltip>
                  </el-table-column>
                  <el-table-column
                    prop="hospitalname"
                    label="接收医院"
                    show-overflow-tooltip
                  >
                <el-table-column prop="hospitalname" label="接收医院" show-overflow-tooltip>
                  </el-table-column>
                  <el-table-column
                    prop="receiveTime"
                    label="接收日期"
                    show-overflow-tooltip
                  >
                <el-table-column prop="receiveTime" label="接收日期" show-overflow-tooltip>
                  </el-table-column>
                  <el-table-column
                    prop="address"
                    label="备注"
                    show-overflow-tooltip
                  >
                <el-table-column prop="address" label="备注" show-overflow-tooltip>
                  </el-table-column>
                </el-table>
              </el-row>
              <pagination
                v-show="patienttotal > 0"
                :total="patienttotal"
                :page.sync="patientqueryParams.pageNum"
                :limit.sync="patientqueryParams.pageSize"
                @pagination="handleAddpatient"
              />
            <pagination v-show="patienttotal > 0" :total="patienttotal" :page.sync="patientqueryParams.pageNum"
              :limit.sync="patientqueryParams.pageSize" @pagination="handleAddpatient" />
            </div>
          </div>
          <span slot="footer" class="dialog-footer">
            <el-button @click="dialogVisiblepatient = false">取 消</el-button>
            <el-button type="primary" @click="AddDispatchpatients"
              >确定添加</el-button
            >
          <el-button type="primary" @click="AddDispatchpatients">确定添加</el-button>
          </span>
        </el-dialog>
        <!-- 附件弹窗 -->
        <el-dialog
          v-dialogDrags
          :modal="false"
          :close-on-click-modal="false"
          :title="pdftitle"
          :visible.sync="pdfVisible"
          width="60%"
        >
      <el-dialog v-dialogDrags :modal="false" :close-on-click-modal="false" :title="pdftitle" :visible.sync="pdfVisible"
        width="60%">
          <div class="pdfimg">
            <div class="box-pdf">
              <div>
                <el-upload
                  size="mini"
                  class="upload-demo"
                  :action="uploadFileUrl"
                  :file-list="fileListto"
                  :show-file-list="false"
                  multiple
                  drag
                  :headers="headers"
                  :on-success="
                    (response, file, fileList) =>
              <el-upload size="mini" class="upload-demo" :action="uploadFileUrl" :file-list="fileListto"
                :show-file-list="false" multiple drag :headers="headers" :on-success="(response, file, fileList) =>
                      uploadSccess(response, file, fileList)
                  "
                  :on-preview="downFile"
                  :disabled="operationType == 'detail'"
                  :on-error="handleUploadError"
                  :on-remove="remove"
                  accept="image/*,.pdf"
                >
        " :on-preview="downFile" :disabled="operationType == 'detail'" :on-error="handleUploadError"
                :on-remove="remove" accept="image/*,.pdf">
                  <i class="el-icon-upload"></i>
                  <div class="el-upload__text">
                    将票据拖到此处，或
                    <em
                      ><el-button
                        :disabled="operationType == 'detail'"
                        size="small"
                        type="primary"
                        >点击上传</el-button
                      ></em
                    >
                  <em><el-button :disabled="operationType == 'detail'" size="small" type="primary">点击上传</el-button></em>
                  </div>
                </el-upload>
                <el-table
                  :data="fileListto"
                  @row-click="downFile"
                  style="width: 100%"
                  height="400"
                >
                  <el-table-column
                    prop="name"
                    :show-overflow-tooltip="true"
                    label="名称"
                  >
              <el-table :data="fileListto" @row-click="downFile" style="width: 100%" height="400">
                <el-table-column prop="name" :show-overflow-tooltip="true" label="名称">
                    <template slot-scope="scope">
                      <i style="color:#409EFF" class=" el-icon-s-order" />
                      <span>{{ scope.row.name }}</span>
                    </template>
                  </el-table-column>
  
                  <el-table-column
                    prop="name"
                    width="190"
                    :show-overflow-tooltip="true"
                    label="功能"
                  >
                <el-table-column prop="name" width="190" :show-overflow-tooltip="true" label="功能">
                    <template slot-scope="scope">
                      <el-button
                        type="danger"
                        size="mini"
                        @click="deletedowfile(scope.row)"
                        >删除</el-button
                      >
                    <el-button type="danger" size="mini" @click="deletedowfile(scope.row)">删除</el-button>
  
                      <el-button
                        type="primary"
                        size="mini"
                        @click.native.prevent.stop="moveupdowfile(scope.row)"
                        >上移</el-button
                      >
                      <el-button
                        type="success"
                        size="mini"
                        icon="el-icon-search"
                        circle
                        @click.native.prevent.stop="Downloadfile(scope.row)"
                      ></el-button>
                    <el-button type="primary" size="mini"
                      @click.native.prevent.stop="moveupdowfile(scope.row)">上移</el-button>
                    <el-button type="success" size="mini" icon="el-icon-search" circle
                      @click.native.prevent.stop="Downloadfile(scope.row)"></el-button>
                    </template>
                  </el-table-column>
                </el-table>
@@ -557,11 +260,7 @@
  
            <div v-if="this.previewpdf && pdfimgsrcList.length" class="pdfimgmin">
              <!-- <img :src="pdfimg" /> -->
              <el-image
                style="width: 95%; height: 90%"
                :src="pdfimg"
                :preview-src-list="pdfimgsrcList"
              >
            <el-image style="width: 95%; height: 90%" :src="pdfimg" :preview-src-list="pdfimgsrcList">
                <!-- <div slot="error" class="image-slot">
                <i class="el-icon-picture-outline"></i>
              </div> -->
@@ -1385,6 +1084,7 @@
      text-align: center;
    }
  }

  .headlines {
    font-size: 25px;
    display: flex;
@@ -1394,9 +1094,11 @@
    margin-bottom: 10px;
    border-left: 5px solid rgb(65, 161, 190);
  }

  .button-delete {
    color: rgb(236, 69, 69);
  }

  .examine-jic {
    .headline {
      font-size: 24px;
@@ -1405,31 +1107,37 @@
      margin-bottom: 10px;
      display: flex;
      justify-content: space-between;

      .Add-details {
        font-size: 18px;
        color: #02a7f0;
        cursor: pointer;
      }
    }

    .jic-value {
      font-size: 20px;
      border-top: 1px solid #a7abac;
      padding: 10px;
      margin-bottom: 10px;

      .details-jic {
        padding: 10px 15px;
        border: 1px solid #dcdfe6;
        -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.12),
          0 0 6px 0 rgba(0, 0, 0, 0.04);

        .details-title {
          display: flex;
          justify-content: space-between;
          margin-bottom: 10px;

          div:nth-child(2) {
            color: #02a7f0;
            cursor: pointer;
          }
        }

        .details-renw {
          background: #e4ebfc;
          padding: 15px 5px;
@@ -1439,6 +1147,7 @@
      }
    }
  }

  ::v-deep .el-input.is-disabled .el-input__inner {
    background-color: #F5F7FA;
    border-color: #dfe4ed;
@@ -1457,4 +1166,3 @@
    line-height: 20px;
  }
  </style>