Преглед изворни кода

fix:结算页面增加结清状态筛选

刘恒 пре 2 година
родитељ
комит
aa4087cf77

+ 15 - 0
src/views/FinancialManagement/CarInsurance/CompanySettlement/CarInsurance/InvoicedAndSettled.vue

@@ -232,6 +232,21 @@ export default {
           name: "data",
           type: "slot",
         },
+        {
+          label: "结清状态",
+          prop: "settlementStatus",
+          type: "select",
+          options: [
+            {
+              label: "开票未结清",
+              value: "0",
+            },
+            {
+              label: "开票已结清",
+              value: "1",
+            },
+          ],
+        },
       ],
       tableConfigDetailrecord: {
         columns: [

+ 15 - 0
src/views/FinancialManagement/CarInsurance/CompanySettlement/CarInsurance/InvoicingUnsettled.vue

@@ -414,6 +414,21 @@ export default {
           name: "data",
           type: "slot",
         },
+        {
+          label: "结清状态",
+          prop: "settlementStatus",
+          type: "select",
+          options: [
+            {
+              label: "开票未结清",
+              value: "0",
+            },
+            {
+              label: "开票已结清",
+              value: "1",
+            },
+          ],
+        },
       ],
       formList1: [
         {

+ 727 - 605
src/views/FinancialManagement/CarInsurance/CompanySettlement/NoCarInsurance/InvoicedAndSettled.vue

@@ -1,635 +1,757 @@
 <template>
-    <!--布局容器-->
-    <div class="invoiceAnd" style="width: 99%; margin-top: 0px">
-        <templateTable :formList="formList" :searchData.sync="searchData" :tableConfig="tableConfig" :data="tableData"
-            @findPage="findPage" @handleSearchList="handleSearchList"  @resetForm="resetForm" :pagination="pageData" @getList="getList">
-            <template slot="data">
-                <yearMonthYay ref="yearMonthYay" @getYearData="getYearData" @getMonthData="getMonthData"
-                    @getDayData="getDayData"></yearMonthYay>
-            </template>
-            <template slot="保司机构">
-        <el-cascader v-model="pageData.partnerCompaniesIdList" size="small" :show-all-levels="false" ize="small"
-          :options="ztreeNodes" :props='{
+  <!--布局容器-->
+  <div class="invoiceAnd" style="width: 99%; margin-top: 0px">
+    <templateTable
+      :formList="formList"
+      :searchData.sync="searchData"
+      :tableConfig="tableConfig"
+      :data="tableData"
+      @findPage="findPage"
+      @handleSearchList="handleSearchList"
+      @resetForm="resetForm"
+      :pagination="pageData"
+      @getList="getList"
+    >
+      <template slot="data">
+        <yearMonthYay
+          ref="yearMonthYay"
+          @getYearData="getYearData"
+          @getMonthData="getMonthData"
+          @getDayData="getDayData"
+        ></yearMonthYay>
+      </template>
+      <template slot="保司机构">
+        <el-cascader
+          v-model="pageData.partnerCompaniesIdList"
+          size="small"
+          :show-all-levels="false"
+          ize="small"
+          :options="ztreeNodes"
+          :props="{
             checkStrictly: true,
-            value: "id",
-            label: "name",
-            children: "children",
-        }' clearable filterable></el-cascader>
+            value: 'id',
+            label: 'name',
+            children: 'children',
+          }"
+          clearable
+          filterable
+        ></el-cascader>
       </template>
-        </templateTable>
-        <el-dialog title="详情" :visible.sync="dialogVisible" width="80%" :before-close="handleClose">
-            <templateTable ref="templateTable" :formList="formList1" @handleSearchList="handleSearchList1"
-                :tableConfig="tableConfigDetail" :data="formTableData" @findPage="findPageDetail">
-                <template slot="开票方式" slot-scope="scope">
-                    <span>{{ scope.row.invoicingMethod == 0 ? '保司开票' : scope.row.invoicingMethod == 1 ? '掌柜开票' : scope.row.invoicingMethod }}</span>
-                </template>
-                <template slot="结算状态" slot-scope="scope">
-                    <span>{{ scope.row.completionStatus == 0 ? '开票未结算' : scope.row.completionStatus == 1 ? '开票已结算' : scope.row.completionStatus == 2 ? '开票结算清' : scope.row.completionStatus }}</span>
-                </template>
-            </templateTable>
-            <span slot="footer" class="dialog-footer">
-                <el-button size="small" @click="dialogVisible = false">取消</el-button>
-            </span>
-        </el-dialog>
-        <el-dialog title="记录" :visible.sync="dialogVisiblerecord" width="30%" :before-close="handleCloserecord">
-            <templateTable ref="templateTable1"   :pagination="pageDatarecord" @getList="getListrecord"
-                :tableConfig="tableConfigDetailrecord" :data="formTableDatarecord" @findPage="findPageDetailrecord">
-                <template slot="imageUrl" slot-scope="scope">
-                    <img v-if="scope.row.imageUrl" :src='scope.row.imageUrl' class="imageclass"  @click.stop="showViewer=true;ProViewImg=scope.row.imageUrl" />
-                </template>
-            </templateTable>
-            <span slot="footer" class="dialog-footer">
-                <el-button size="small" @click="dialogVisiblerecord = false">取消</el-button>
-            </span>
-        </el-dialog>
-        <el-dialog title="明细" :visible.sync="dialogVisiblerecordDetail" width="50%" :before-close="handleCloserecorddetail">
-            <templateTable ref="templateTable1"   :pagination="pageDatarecorddetail" @getList="getListrecorddetail"
-                :tableConfig="tableConfigDetailrecorddetail" :data="recordDetailData" @findPage="findPageDetailrecorddatail">
-            </templateTable>
-
-            <span slot="footer" class="dialog-footer">
-                <el-button size="small" @click="dialogVisiblerecordDetail = false">取消</el-button>
-            </span>
-        </el-dialog>
-        <el-dialog
-          title="结算"
-          :visible.sync="dialogVisiblebalance"
-          width="20%"
-          :before-close="handleClosebalance">
-          <el-form ref="form" :model="form" label-width="85px">
-            <el-form-item label="进账金额:">
-              <el-input v-model="form.settlementAmount" style="width:220px"></el-input>
-            </el-form-item>
-            <el-form-item label="进账日期:">
-              <el-date-picker
-                v-model="form.settlementTime"
-                type="date"
-                placeholder="选择日期"
-                value-format="yyyy-MM-dd">
-              </el-date-picker>
-            </el-form-item>
-            <el-form-item label="上传凭证:" >
-                  <el-upload  action="#" class="upload-demo"  :limit="1" :auto-upload="false"
-                    :on-change="drivingupload"  ref="upload3"  accept=".png, .jpg, .jpeg" :file-list="fileList">
-                    <el-button size="small" type="primary">点击上传</el-button>
-                  </el-upload>
-              </el-form-item>
-          </el-form>
-          <span slot="footer" class="dialog-footer">
-          <el-button  size="small" @click="dialogVisiblebalance = false">取消</el-button>
-          <el-button type="primary" size="small" @click="balanceSumbit">确实</el-button>
-        </span>
-      </el-dialog>
+    </templateTable>
+    <el-dialog
+      title="详情"
+      :visible.sync="dialogVisible"
+      width="80%"
+      :before-close="handleClose"
+    >
+      <templateTable
+        ref="templateTable"
+        :formList="formList1"
+        @handleSearchList="handleSearchList1"
+        :tableConfig="tableConfigDetail"
+        :data="formTableData"
+        @findPage="findPageDetail"
+      >
+        <template slot="开票方式" slot-scope="scope">
+          <span>{{
+            scope.row.invoicingMethod == 0
+              ? "保司开票"
+              : scope.row.invoicingMethod == 1
+              ? "掌柜开票"
+              : scope.row.invoicingMethod
+          }}</span>
+        </template>
+        <template slot="结算状态" slot-scope="scope">
+          <span>{{
+            scope.row.completionStatus == 0
+              ? "开票未结算"
+              : scope.row.completionStatus == 1
+              ? "开票已结算"
+              : scope.row.completionStatus == 2
+              ? "开票结算清"
+              : scope.row.completionStatus
+          }}</span>
+        </template>
+      </templateTable>
+      <span slot="footer" class="dialog-footer">
+        <el-button size="small" @click="dialogVisible = false">取消</el-button>
+      </span>
+    </el-dialog>
+    <el-dialog
+      title="记录"
+      :visible.sync="dialogVisiblerecord"
+      width="30%"
+      :before-close="handleCloserecord"
+    >
+      <templateTable
+        ref="templateTable1"
+        :pagination="pageDatarecord"
+        @getList="getListrecord"
+        :tableConfig="tableConfigDetailrecord"
+        :data="formTableDatarecord"
+        @findPage="findPageDetailrecord"
+      >
+        <template slot="imageUrl" slot-scope="scope">
+          <img
+            v-if="scope.row.imageUrl"
+            :src="scope.row.imageUrl"
+            class="imageclass"
+            @click.stop="
+              showViewer = true;
+              ProViewImg = scope.row.imageUrl;
+            "
+          />
+        </template>
+      </templateTable>
+      <span slot="footer" class="dialog-footer">
+        <el-button size="small" @click="dialogVisiblerecord = false"
+          >取消</el-button
+        >
+      </span>
+    </el-dialog>
+    <el-dialog
+      title="明细"
+      :visible.sync="dialogVisiblerecordDetail"
+      width="50%"
+      :before-close="handleCloserecorddetail"
+    >
+      <templateTable
+        ref="templateTable1"
+        :pagination="pageDatarecorddetail"
+        @getList="getListrecorddetail"
+        :tableConfig="tableConfigDetailrecorddetail"
+        :data="recordDetailData"
+        @findPage="findPageDetailrecorddatail"
+      >
+      </templateTable>
 
-        <el-image-viewer v-if="showViewer"  :on-close="closeViewer"  :z-index="9999" :url-list="[ProViewImg]" />
+      <span slot="footer" class="dialog-footer">
+        <el-button size="small" @click="dialogVisiblerecordDetail = false"
+          >取消</el-button
+        >
+      </span>
+    </el-dialog>
+    <el-dialog
+      title="结算"
+      :visible.sync="dialogVisiblebalance"
+      width="20%"
+      :before-close="handleClosebalance"
+    >
+      <el-form ref="form" :model="form" label-width="85px">
+        <el-form-item label="进账金额:">
+          <el-input
+            v-model="form.settlementAmount"
+            style="width: 220px"
+          ></el-input>
+        </el-form-item>
+        <el-form-item label="进账日期:">
+          <el-date-picker
+            v-model="form.settlementTime"
+            type="date"
+            placeholder="选择日期"
+            value-format="yyyy-MM-dd"
+          >
+          </el-date-picker>
+        </el-form-item>
+        <el-form-item label="上传凭证:">
+          <el-upload
+            action="#"
+            class="upload-demo"
+            :limit="1"
+            :auto-upload="false"
+            :on-change="drivingupload"
+            ref="upload3"
+            accept=".png, .jpg, .jpeg"
+            :file-list="fileList"
+          >
+            <el-button size="small" type="primary">点击上传</el-button>
+          </el-upload>
+        </el-form-item>
+      </el-form>
+      <span slot="footer" class="dialog-footer">
+        <el-button size="small" @click="dialogVisiblebalance = false"
+          >取消</el-button
+        >
+        <el-button type="primary" size="small" @click="balanceSumbit"
+          >确实</el-button
+        >
+      </span>
+    </el-dialog>
 
-    </div>
+    <el-image-viewer
+      v-if="showViewer"
+      :on-close="closeViewer"
+      :z-index="9999"
+      :url-list="[ProViewImg]"
+    />
+  </div>
 </template>
 <script>
-import KtCommonTable from "@/views/Core/KtCommonTable.vue";//表格组件
-import templateTable from '@/components/TemplateTable/index.vue'
-import { mapState } from 'vuex'
-import yearMonthYay from '../../PlatformSettlement/yearMonthYay.vue'
+import KtCommonTable from "@/views/Core/KtCommonTable.vue"; //表格组件
+import templateTable from "@/components/TemplateTable/index.vue";
+import { mapState } from "vuex";
+import yearMonthYay from "../../PlatformSettlement/yearMonthYay.vue";
 
 export default {
-    name: "baosi",
-    components: { KtCommonTable, templateTable, yearMonthYay,
-        "el-image-viewer": () =>
-      import("element-ui/packages/image/src/image-viewer") },
-    data() {
-        return {
-            process: process.env.BASE_URL,
-            batchData:{},
-            fileList:[],
-            dialogVisiblebalance:false,
-            ztreeNodes:[],
-            showViewer:false,
-            dialogVisiblerecordDetail:false,
-            recordDetailData:[],
-            ProViewImg:[],
-            searchData: {},
-            formList: [
-                {
-                    label: "保险公司",
-                    prop: "companyName",
-                    type: "company",
-                },
-                {
-                    label: "保司机构",
-                    name: "保司机构",
-                    type: "slot",
-                    },
-                {
-                    label: "年月日",
-                    name: "data",
-                    type: "slot",
-                },
-            ],
-            tableConfig: {
-                columns: [
-                    {
-                        prop: "companyName",
-                        label: "保险公司名称",
-                        type: "text"
-                    },
-                    {
-                        prop: "partnerCompaniesName",
-                        label: "合作公司名称",
-                        type: "text"
-                    },
-                    {
-                        prop: "commissionFeevalue",
-                        label: "总金额",
-                        type: "text"
-                    },
-                    {
-                        prop: "allInvoicCommissionFeevalue",
-                        label: "已开票金额",
-                        type: "text"
-                    },
-                    {
-                        prop: "readyCommissionFeevalue",
-                        label: "已开票已结算",
-                        type: "text"
-                    },
-                    {
-                        prop: "invoicCommissionFeevalue",
-                        label: "已开票未结算",
-                        type: "text"
-                    },
-                    {
-                        prop: "noInvoicCommissionFeevalue",
-                        label: "未开票",
-                        type: "text"
-                    },
-                    {
-                        prop: "unSettledAmount",
-                        label: "未结算金额",
-                        type: "text"
-                    },
-                ],
-                loading: true,
-                isPaginationShow: true,
-                showSummary: true,
-                isShowIndex: true,
-                tableHeight: 'none',
-                // optBtns: [
-                //     {
-                //         type: 'primary',
-                //         label: '结算',
-                //         click: (row, index) => { return this.balanceFun(row) },
-                //     }
-                // ]
-                optBtns: [
-                    {
-                        type: 'primary',
-                        label: '详情',
-                        click: (row, index) => { return this.haldDetail(row) },
-                    }
-                ]
+  name: "baosi",
+  components: {
+    KtCommonTable,
+    templateTable,
+    yearMonthYay,
+    "el-image-viewer": () =>
+      import("element-ui/packages/image/src/image-viewer"),
+  },
+  data() {
+    return {
+      process: process.env.BASE_URL,
+      batchData: {},
+      fileList: [],
+      dialogVisiblebalance: false,
+      ztreeNodes: [],
+      showViewer: false,
+      dialogVisiblerecordDetail: false,
+      recordDetailData: [],
+      ProViewImg: [],
+      searchData: {},
+      formList: [
+        {
+          label: "保险公司",
+          prop: "companyName",
+          type: "company",
+        },
+        {
+          label: "保司机构",
+          name: "保司机构",
+          type: "slot",
+        },
+        {
+          label: "年月日",
+          name: "data",
+          type: "slot",
+        },
+        {
+          label: "结清状态",
+          prop: "settlementStatus",
+          type: "select",
+          options: [
+            {
+              label: "开票未结清",
+              value: "0",
             },
-            tableData: [],
-            formList1: [
-                {
-                    label: "结算状态",
-                    prop: "settlementStatus",
-                    type: "select",
-                    options: [
-                      {
-                        label: '开票未结算',
-                        value: '0'
-                      },
-                      {
-                        label: '开票已结算',
-                        value: '1'
-                      },
-                      {
-                        label: '开票结算清',
-                        value: '2'
-                      },
-                    ]
-                },
-
-            ],
-            tableConfigDetailrecord: {
-                columns: [
-                    {
-                        prop: "settlementTime",
-                        label: "进账日期",
-                        type: "text"
-                    },
-                    {
-                        prop: "settlementAmount",
-                        label: "进帐金额",
-                        type: "text"
-                    },
-                    {
-                        name: "imageUrl",
-                        label: "凭证",
-                        type: "slot"
-                    },
-
-                ],
-                loading: true,
-                isPaginationShow:true
+            {
+              label: "开票已结清",
+              value: "1",
             },
-            tableConfigDetail: {
-                columns: [
-                    {
-                        prop: "invoicId",
-                        label: "开票号",
-                        type: "text"
-                    },
-                    {
-                        prop: "invoicingMethod",
-                        label: "开票方式",
-                        // type: "text"
-                        name: '开票方式',
-                        type: 'slot'
-                    },
-                    {
-                        prop: "invoicCommissionFeevalue",
-                        label: "开票金额",
-                        type: "text"
-                    },
-                    {
-                        prop: "invoicedSettledAmount",
-                        label: "已开票已结算金额",
-                        type: "text"
-                    },
-                    {
-                        prop: "invoicedNotSettledAmount",
-                        label: "已开票未结算金额",
-                        type: "text"
-                    },
-                    {
-                        prop: "completionStatus",
-                        label: "结算状态",
-                        name: "结算状态",
-                        type: "slot"
-                    },
-                    // {
-                    //   prop: "invoicTime",
-                    //   label: "开票时间",
-                    //   type: "text"
-                    // },
-
-                ],
-                loading: true,
-                isShowIndex: true,
-                operationWidth: 150,
-                optBtns:[
-                    {
-                        type:'primary',
-                        label:'结算',
-                        hide: (row) => {
-                            return row.completionStatus != '2'
-                        },
-                        click:(row, index) => {return this.balanceFun(row)},
-                    },
-                    {
-                        type:'primary',
-                        label:'作废',
-                        hide: (row) => {
-                        return row.completionStatus == '0'
-                        },
-                        click:(row, index) => {return this.handVoid(row)},
-                    },
-                    {
-                        type:'primary',
-                        label:'记录',
-                        hide: (row) => {
-                        return row.completionStatus != '0'
-                        },
-                        click:(row, index) => {return this.haldRecord(row)},
-                    },
-                    {
-                        type:'primary',
-                        label:'明细',
-                        hide: (row) => {
-                        return row.completionStatus != '0'
-                        },
-                        click:(row, index) => {return this.haldRecordDetail(row)},
-                    },
-                ]
+          ],
+        },
+      ],
+      tableConfig: {
+        columns: [
+          {
+            prop: "companyName",
+            label: "保险公司名称",
+            type: "text",
+          },
+          {
+            prop: "partnerCompaniesName",
+            label: "合作公司名称",
+            type: "text",
+          },
+          {
+            prop: "commissionFeevalue",
+            label: "总金额",
+            type: "text",
+          },
+          {
+            prop: "allInvoicCommissionFeevalue",
+            label: "已开票金额",
+            type: "text",
+          },
+          {
+            prop: "readyCommissionFeevalue",
+            label: "已开票已结算",
+            type: "text",
+          },
+          {
+            prop: "invoicCommissionFeevalue",
+            label: "已开票未结算",
+            type: "text",
+          },
+          {
+            prop: "noInvoicCommissionFeevalue",
+            label: "未开票",
+            type: "text",
+          },
+          {
+            prop: "unSettledAmount",
+            label: "未结算金额",
+            type: "text",
+          },
+        ],
+        loading: true,
+        isPaginationShow: true,
+        showSummary: true,
+        isShowIndex: true,
+        tableHeight: "none",
+        // optBtns: [
+        //     {
+        //         type: 'primary',
+        //         label: '结算',
+        //         click: (row, index) => { return this.balanceFun(row) },
+        //     }
+        // ]
+        optBtns: [
+          {
+            type: "primary",
+            label: "详情",
+            click: (row, index) => {
+              return this.haldDetail(row);
             },
-            dialogVisible: false,
-            dialogVisiblerecord: false,
-            pageData: {
-                pageNum: 1,
-                pageSize: 20,
-                agreementType: '2',
-                isNotCar: '1',
-                isNotDocumentary: '0',
-                handlingFeesStatus: '0'
+          },
+        ],
+      },
+      tableData: [],
+      formList1: [
+        {
+          label: "结算状态",
+          prop: "settlementStatus",
+          type: "select",
+          options: [
+            {
+              label: "开票未结算",
+              value: "0",
             },
-            pageDatarecord: {
-                pageNum: 1,
-                pageSize: 20,
-                totalSize:0
+            {
+              label: "开票已结算",
+              value: "1",
             },
-            pageDatarecorddetail: {
-                pageNum: 1,
-                pageSize: 20,
-                totalSize:0
+            {
+              label: "开票结算清",
+              value: "2",
+            },
+          ],
+        },
+      ],
+      tableConfigDetailrecord: {
+        columns: [
+          {
+            prop: "settlementTime",
+            label: "进账日期",
+            type: "text",
+          },
+          {
+            prop: "settlementAmount",
+            label: "进帐金额",
+            type: "text",
+          },
+          {
+            name: "imageUrl",
+            label: "凭证",
+            type: "slot",
+          },
+        ],
+        loading: true,
+        isPaginationShow: true,
+      },
+      tableConfigDetail: {
+        columns: [
+          {
+            prop: "invoicId",
+            label: "开票号",
+            type: "text",
+          },
+          {
+            prop: "invoicingMethod",
+            label: "开票方式",
+            // type: "text"
+            name: "开票方式",
+            type: "slot",
+          },
+          {
+            prop: "invoicCommissionFeevalue",
+            label: "开票金额",
+            type: "text",
+          },
+          {
+            prop: "invoicedSettledAmount",
+            label: "已开票已结算金额",
+            type: "text",
+          },
+          {
+            prop: "invoicedNotSettledAmount",
+            label: "已开票未结算金额",
+            type: "text",
+          },
+          {
+            prop: "completionStatus",
+            label: "结算状态",
+            name: "结算状态",
+            type: "slot",
+          },
+          // {
+          //   prop: "invoicTime",
+          //   label: "开票时间",
+          //   type: "text"
+          // },
+        ],
+        loading: true,
+        isShowIndex: true,
+        operationWidth: 150,
+        optBtns: [
+          {
+            type: "primary",
+            label: "结算",
+            hide: (row) => {
+              return row.completionStatus != "2";
             },
-            formData: {},
-            formDetail: {},
-            formTableData: [],
-            formTableDatarecord:[],
-            recorddetailid:'',
-            tableConfigDetailrecorddetail: {
-                columns: [
-                    {
-                        prop: "licenseno",
-                        label: "车牌号",
-                        type: "text"
-                    },
-                    {
-                        prop: "noPolicyno",
-                        label: "非车保单号",
-                        type: "text"
-                    },
-                    {
-                        prop: "insuredName",
-                        label: "被保人",
-                        type: "text"
-                    },
-                    {
-                        prop: "noPremium",
-                        label: "非车保费",
-                        type: "text"
-                    },
-                    {
-                        prop: "noSuperviseCostsProportion",
-                        label: "非车手续费比例",
-                        type: "text"
-                    },
-                    {
-                        prop: "noSuperviseCostsPremiums",
-                        label: "非车手续费金额",
-                        type: "text"
-                    },
-                ],
-                loading: true,
-                isPaginationShow:true,
+            click: (row, index) => {
+              return this.balanceFun(row);
             },
-        form:{},
+          },
+          {
+            type: "primary",
+            label: "作废",
+            hide: (row) => {
+              return row.completionStatus == "0";
+            },
+            click: (row, index) => {
+              return this.handVoid(row);
+            },
+          },
+          {
+            type: "primary",
+            label: "记录",
+            hide: (row) => {
+              return row.completionStatus != "0";
+            },
+            click: (row, index) => {
+              return this.haldRecord(row);
+            },
+          },
+          {
+            type: "primary",
+            label: "明细",
+            hide: (row) => {
+              return row.completionStatus != "0";
+            },
+            click: (row, index) => {
+              return this.haldRecordDetail(row);
+            },
+          },
+        ],
+      },
+      dialogVisible: false,
+      dialogVisiblerecord: false,
+      pageData: {
+        pageNum: 1,
+        pageSize: 20,
+        agreementType: "2",
+        isNotCar: "1",
+        isNotDocumentary: "0",
+        handlingFeesStatus: "0",
+      },
+      pageDatarecord: {
+        pageNum: 1,
+        pageSize: 20,
+        totalSize: 0,
+      },
+      pageDatarecorddetail: {
+        pageNum: 1,
+        pageSize: 20,
+        totalSize: 0,
+      },
+      formData: {},
+      formDetail: {},
+      formTableData: [],
+      formTableDatarecord: [],
+      recorddetailid: "",
+      tableConfigDetailrecorddetail: {
+        columns: [
+          {
+            prop: "licenseno",
+            label: "车牌号",
+            type: "text",
+          },
+          {
+            prop: "noPolicyno",
+            label: "非车保单号",
+            type: "text",
+          },
+          {
+            prop: "insuredName",
+            label: "被保人",
+            type: "text",
+          },
+          {
+            prop: "noPremium",
+            label: "非车保费",
+            type: "text",
+          },
+          {
+            prop: "noSuperviseCostsProportion",
+            label: "非车手续费比例",
+            type: "text",
+          },
+          {
+            prop: "noSuperviseCostsPremiums",
+            label: "非车手续费金额",
+            type: "text",
+          },
+        ],
+        loading: true,
+        isPaginationShow: true,
+      },
+      form: {},
     };
-    },
-    created() {
-        this.$api.insCompany.findLeftInsTree( {
-            classname: "",
-            type: '1',
-            }).then((res) => {
+  },
+  created() {
+    this.$api.insCompany
+      .findLeftInsTree({
+        classname: "",
+        type: "1",
+      })
+      .then((res) => {
         this.ztreeNodes = res.data;
+      });
+    this.findPage();
+  },
+  computed: {
+    ...mapState({
+      perms: (state) => state.user.perms,
+    }),
+  },
+  methods: {
+    handVoid(row) {
+      this.$api.task.yaidlnvoicing({ id: row.id }).then((res) => {
+        if (res.code == 200) {
+          this.dialogVisible = false;
+          this.$message({
+            message: res.msg || "操作成功",
+            type: "success",
+          });
+        } else {
+          this.$message.error(res.msg);
+        }
+      });
+    },
+    balanceSumbit() {
+      if (!this.form.settlementAmount || this.form.settlementAmount <= 0) {
+        this.$message.error("请输入金额");
+        return;
+      }
+      this.$api.task
+        .batchBxBalance({
+          ...this.openBalanceDetail,
+          otherFeevalue: this.formDetail.otherFeevalue,
+          partnerCompaniesId: this.formDetail.partnerCompaniesId,
+          companyId: this.formDetail.companyId,
+          isNotCar: "0",
+          handlingFeesStatus: "1",
+          settlementImageId: this.batchData.id,
+          ...this.form,
+        })
+        .then((res) => {
+          if (res.code == 200) {
+            this.haldDetail(this.formDetail);
+            this.dialogVisiblebalance = false;
+            this.$message({
+              message: res.msg || "操作成功",
+              type: "success",
+            });
+          } else {
+            this.$message.error(res.msg);
+          }
         });
-        this.findPage();
     },
-    computed: {
-        ...mapState({
-            perms: state => state.user.perms
+    // 结算
+    balanceFun(row) {
+      this.openBalanceDetail = row;
+      this.fileList = [];
+      this.dialogVisiblebalance = true;
+    },
+    drivingupload(file, fileList) {
+      this.fileList = [];
+      const params = new FormData(); // 声明formData数据类型
+      params.append("multipartFile", file.raw);
+      params.append("type", "image");
+      // params.append("isNotCar", "0");
+      this.$api.letter.uploadFile(params).then((res) => {
+        if (res.code == "200") {
+          this.batchData = res.data;
+          this.fileList = fileList;
+        } else {
+          this.fileList = [];
+          this.$message.error(res.msg);
+        }
+      });
+    },
+    handleClosebalance() {
+      this.dialogVisiblebalance = false;
+    },
+    closeViewer() {
+      this.showViewer = false;
+    },
+    handleCloserecorddetail() {
+      this.dialogVisiblerecordDetail = false;
+    },
+    getYearData(val) {
+      this.formData.year = val;
+    },
+    getMonthData(val) {
+      this.formData.month = val;
+    },
+    getDayData(val) {
+      this.formData.day = val;
+    },
+    // 查询
+    handleSearchList(data) {
+      this.findPage(data);
+    },
+    resetForm() {
+      this.formData = {};
+      this.pageData.partnerCompaniesIdList = [];
+      this.$refs.yearMonthYay.clear();
+    },
+    //列表数据
+    findPage(data) {
+      // if (data) {
+      //     this.pageData.pageNum = data.pageNum;
+      //     this.pageData.pageSize = data.pageSize;
+      // }
+      this.tableConfig.loading = true;
+      this.$api.task
+        .totalBxAmount({ ...this.pageData, ...this.formData, ...data })
+        .then((res) => {
+          if (res.code == 200) {
+            this.tableData = res.data ? res.data : [];
+            // this.pageData.pageNum = res.data.pageNum;
+            // this.pageData.pageSize = res.data.pageSize;
+            // this.pageData.totalSize = res.data.totalSize;
+            this.tableConfig.loading = false;
+          } else {
+            this.tableConfig.loading = false;
+            this.$message.error(res.msg);
+          }
+        });
+    },
+    getList(data) {
+      this.findPage(data);
+    },
+    handleSearchList1(data) {
+      this.findPageDetail({ ...this.formDetail, ...data });
+    },
+    haldDetail(row) {
+      this.dialogVisible = true;
+      this.formDetail = row;
+      this.findPageDetail(row);
+    },
+    findPageDetail(data) {
+      this.tableConfigDetail.loading = true;
+      this.$api.task
+        .invicdetai({
+          partnerCompaniesId: data.partnerCompaniesId,
+          agreementType: "2",
+          isNotCar: "1",
+          isNotDocumentary: "0",
+          handlingFeesStatus: "0",
+          isSettlement: "1",
+          completionStatus: data.settlementStatus || "2",
+          settlementStatus: "1",
         })
+        .then((res) => {
+          if (res.code == 200) {
+            this.formTableData = res.data;
+            this.tableConfigDetail.loading = false;
+          } else {
+            this.tableConfigDetail.loading = false;
+            this.$message.error(res.msg);
+          }
+        });
     },
-    methods: {
-        handVoid(row){
-            this.$api.task
-            .yaidlnvoicing({id:row.id})
-            .then(res => {
-                if (res.code==200) {
-                    this.dialogVisible=false
-                    this.$message({
-                        message: res.msg ||'操作成功',
-                        type: 'success'
-                    })
-                }
-                else{
-                    this.$message.error(res.msg)
-                }
-            });
-        },
-        balanceSumbit() {
-            if (!this.form.settlementAmount || this.form.settlementAmount <= 0) {
-                this.$message.error('请输入金额')
-                return
-            }
-            this.$api.task
-                .batchBxBalance({...this.openBalanceDetail,
-                otherFeevalue:this.formDetail.otherFeevalue,
-                partnerCompaniesId:this.formDetail.partnerCompaniesId,
-                companyId:this.formDetail.companyId,
-                isNotCar:'0',
-                handlingFeesStatus:'1',
-                settlementImageId:this.batchData.id,
-                ...this.form})
-                .then(res => {
-                if (res.code==200) {
-                    this.haldDetail(this.formDetail)
-                    this.dialogVisiblebalance=false
-                    this.$message({
-                        message: res.msg ||'操作成功',
-                        type: 'success'
-                    })
-                }
-                else{
-                    this.$message.error(res.msg)
-                }
-                });
-            },
-        // 结算
-        balanceFun(row) {
-            this.openBalanceDetail=row
-            this.fileList=[]
-            this.dialogVisiblebalance=true
-        },
-        drivingupload(file, fileList){
-            this.fileList=[]
-            const params = new FormData(); // 声明formData数据类型
-            params.append("multipartFile", file.raw);
-            params.append("type", "image");
-            // params.append("isNotCar", "0");
-            this.$api.letter.uploadFile(params).then(res => {
-            if (res.code == "200") {
-                this.batchData =res.data
-                this.fileList = fileList
-            }
-            else{
-                this.fileList=[]
-                this.$message.error(res.msg)
-            }
+    haldRecordDetail(row) {
+      this.recorddetailid = row.id;
+      this.dialogVisiblerecordDetail = true;
+      this.getListrecorddetail();
+    },
+    getListrecorddetail(data) {
+      this.findPageDetailrecorddatail(data);
+    },
+    findPageDetailrecorddatail(data) {
+      this.tableConfigDetailrecorddetail.loading = true;
+      this.$api.task
+        .fncplyFeeQuery({
+          partnerCompaniesId: this.formDetail.partnerCompaniesId,
+          agreementType: "2",
+          isNotCar: "1",
+          handlingFeesStatus: "0",
+          id: this.recorddetailid,
+          ...this.pageDatarecorddetail,
+          ...data,
+        })
+        .then((res) => {
+          if (res.code == 200) {
+            this.tableConfigDetailrecorddetail.loading = false;
+            this.recordDetailData = res.data.content ? res.data.content : [];
+            this.pageDatarecorddetail = {
+              pageNum: res.data.pageNum,
+              pageSize: res.data.pageSize,
+              totalSize: res.data.totalSize,
+            };
+          } else {
+            this.tableConfigDetailrecorddetail.loading = false;
+            this.$message.error(res.msg);
+          }
+        });
+    },
+    findPageDetailrecord(data) {
+      this.tableConfigDetailrecord.loading = true;
+      this.$api.task
+        .settlementFeesGetRecord(this.recorddetailid)
+        .then((res) => {
+          if (res.code == 200) {
+            res.data.forEach((ele) => {
+              if (ele.imageUrl) {
+                ele.imageUrl = process.env.BASE_URL + ele.imageUrl;
+              }
             });
-        },
-        handleClosebalance() {
-            this.dialogVisiblebalance = false;
-        },
-        closeViewer() {
-            this.showViewer = false;
-        },
-        handleCloserecorddetail() {
-            this.dialogVisiblerecordDetail = false
-        },
-        getYearData(val) {
-            this.formData.year = val
-        },
-        getMonthData(val) {
-            this.formData.month = val
-        },
-        getDayData(val) {
-            this.formData.day = val
-        },
-        // 查询
-        handleSearchList(data) {
-            this.findPage(data);
-        },
-        resetForm() {
-            this.formData={}
-            this.pageData.partnerCompaniesIdList=[]
-            this.$refs.yearMonthYay.clear()
-        },
-        //列表数据
-        findPage(data) {
-            // if (data) {
-            //     this.pageData.pageNum = data.pageNum;
-            //     this.pageData.pageSize = data.pageSize;
-            // }
-            this.tableConfig.loading = true;
-            this.$api.task
-                .totalBxAmount({ ...this.pageData, ...this.formData,...data })
-                .then(res => {
-                    if (res.code == 200) {
-                        this.tableData = res.data ? res.data : []
-                        // this.pageData.pageNum = res.data.pageNum;
-                        // this.pageData.pageSize = res.data.pageSize;
-                        // this.pageData.totalSize = res.data.totalSize;
-                        this.tableConfig.loading = false;
-                    }
-                    else {
-                        this.tableConfig.loading = false;
-                        this.$message.error(res.msg)
-                    }
-                });
-        },
-        getList(data) {
-            this.findPage(data)
-        },
-        handleSearchList1(data) {
-            this.findPageDetail({ ...this.formDetail, ...data })
-        },
-        haldDetail(row) {
-            this.dialogVisible = true
-            this.formDetail = row
-            this.findPageDetail(row)
-        },
-        findPageDetail(data) {
-            this.tableConfigDetail.loading = true
-            this.$api.task
-                .invicdetai({
-                    partnerCompaniesId: data.partnerCompaniesId,
-                    agreementType: '2',
-                    isNotCar: '1',
-                    isNotDocumentary: '0',
-                    handlingFeesStatus: '0',
-                    isSettlement: '1',
-                    completionStatus:data.settlementStatus || '2',
-                    settlementStatus: '1'
-                })
-                .then(res => {
-                    if (res.code == 200) {
-                        this.formTableData = res.data;
-                        this.tableConfigDetail.loading = false;
-                    }
-                    else {
-                        this.tableConfigDetail.loading = false;
-                        this.$message.error(res.msg)
-                    }
-                });
-        },
-        haldRecordDetail(row) {
-            this.recorddetailid = row.id
-            this.dialogVisiblerecordDetail = true
-            this.getListrecorddetail()
-
-        },
-        getListrecorddetail(data) {
-            this.findPageDetailrecorddatail(data)
-        },
-        findPageDetailrecorddatail(data) {
-            this.tableConfigDetailrecorddetail.loading = true;
-            this.$api.task
-                .fncplyFeeQuery({
-                    partnerCompaniesId: this.formDetail.partnerCompaniesId,
-                    agreementType: '2',
-                    isNotCar: '1',
-                    handlingFeesStatus: '0',
-                    id:this.recorddetailid,
-                    ...this.pageDatarecorddetail,
-                    ...data})
-                .then(res => {
-                    if (res.code == 200) {
-                        this.tableConfigDetailrecorddetail.loading = false;
-                        this.recordDetailData = res.data.content ? res.data.content : []
-                        this.pageDatarecorddetail = {
-                            pageNum: res.data.pageNum,
-                            pageSize: res.data.pageSize,
-                            totalSize: res.data.totalSize
-                        }
-                    }
-                    else {
-                        this.tableConfigDetailrecorddetail.loading = false;
-                        this.$message.error(res.msg)
-                    }
-                });
-        },
-        findPageDetailrecord(data) {
-            this.tableConfigDetailrecord.loading = true
-            this.$api.task
-                .settlementFeesGetRecord(this.recorddetailid)
-                .then(res => {
-                    if (res.code == 200) {
-                        res.data.forEach(ele => {
-                          if (ele.imageUrl) {
-                            ele.imageUrl= process.env.BASE_URL+ele.imageUrl
-                          }
-                        });
-                        this.formTableDatarecord = res.data
-                        this.tableConfigDetailrecord.loading = false;
-                    }
-                    else {
-                        this.tableConfigDetail.loading = false;
-                        this.$message.error(res.msg)
-                    }
-                });
-        },
-        getListrecord(data) {
-            this.findPageDetailrecord(data)
-        },
-        handleClose() {
-            this.dialogVisible = false
-        },
-        handleCloserecord() {
-            this.dialogVisiblerecord = false
-        },
-        tablePageChange(val) {
-            this.pageData.pageSize = val;
-            this.findPage();
-        },
-        tableCurrentChange(val) {
-            this.pageData.pageNum = val;
-            this.findPage();
-        },
-        haldRecord(row) {
-            this.recorddetailid = row.id
-            this.findPageDetailrecord()
-            this.dialogVisiblerecord = true
-        }
-    }
+            this.formTableDatarecord = res.data;
+            this.tableConfigDetailrecord.loading = false;
+          } else {
+            this.tableConfigDetail.loading = false;
+            this.$message.error(res.msg);
+          }
+        });
+    },
+    getListrecord(data) {
+      this.findPageDetailrecord(data);
+    },
+    handleClose() {
+      this.dialogVisible = false;
+    },
+    handleCloserecord() {
+      this.dialogVisiblerecord = false;
+    },
+    tablePageChange(val) {
+      this.pageData.pageSize = val;
+      this.findPage();
+    },
+    tableCurrentChange(val) {
+      this.pageData.pageNum = val;
+      this.findPage();
+    },
+    haldRecord(row) {
+      this.recorddetailid = row.id;
+      this.findPageDetailrecord();
+      this.dialogVisiblerecord = true;
+    },
+  },
 };
 </script>
 
 <style scoped>
-.invoiceAnd>>>.el-table__body-wrapper {
-    overflow-y: auto !important;
-    height: auto !important;
+.invoiceAnd >>> .el-table__body-wrapper {
+  overflow-y: auto !important;
+  height: auto !important;
 }
 .imageclass {
   width: 200px;

+ 15 - 0
src/views/FinancialManagement/CarInsurance/CompanySettlement/NoCarInsurance/InvoicingUnsettled.vue

@@ -391,6 +391,21 @@ export default {
           name: "data",
           type: "slot",
         },
+        {
+          label: "结清状态",
+          prop: "settlementStatus",
+          type: "select",
+          options: [
+            {
+              label: "开票未结清",
+              value: "0",
+            },
+            {
+              label: "开票已结清",
+              value: "1",
+            },
+          ],
+        },
       ],
       formList1: [
         {