记录，进账截图

src/views/FinancialManagement/CarInsurance/CompanySettlement/CarInsurance/DocumentaryFeesSettled.vue

@@ -20,6 +20,9 @@
     <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="`${process + scope.row.imageUrl}`" class="imageclass" @click.stop="showViewer=true; ProViewImg=process + scope.row.imageUrl" />
+        </template>
       </templateTable>
       <span slot="footer" class="dialog-footer">
         <el-button size="small" @click="dialogVisiblerecord = false">取消</el-button>
@@ -33,6 +36,7 @@
                 <el-button size="small" @click="dialogVisiblerecordDetail = false">取消</el-button>
             </span>
         </el-dialog>
+        <el-image-viewer v-if="showViewer" :on-close="closeViewer"  :z-index="9999" :url-list="[ProViewImg]" />
   </div>
 </template>
 <script>
@@ -42,7 +46,10 @@ import yearMonthYay from '../../PlatformSettlement/yearMonthYay.vue'
 
 export default {
   name: "baosi",
-  components: { templateTable, yearMonthYay },
+  components: { templateTable, yearMonthYay,
+    "el-image-viewer": () =>
+      import("element-ui/packages/image/src/image-viewer")
+   },
   created() {
   },
   computed: {
@@ -52,7 +59,10 @@ export default {
   },
   data() {
     return {
+      process:process.env.BASE_URL,
       ztreeNodes:[],
+      showViewer:false,
+      ProViewImg:[],
       recordDetailData:[],
       pageDatarecorddetail: {
                 pageNum: 1,
@@ -129,6 +139,11 @@ export default {
             label: "进帐金额",
             type: "text"
           },
+          {
+            name: "imageUrl",
+            label: "进帐截图",
+            type: "slot"
+          },
 
         ],
         loading: true,
@@ -249,6 +264,9 @@ export default {
     this.findPage();
   },
   methods: {
+    closeViewer() {
+      this.showViewer = false;
+    },
     resetForm() {
             this.formData={}
             this.pageData.partnerCompaniesIdList=[]
@@ -376,4 +394,9 @@ export default {
   overflow-y: auto !important;
   height: auto !important;
 }
+  .imageclass {
+    max-width: 100px;
+    max-height: 50px;
+    text-align: center;
+  } 
 </style>

src/views/FinancialManagement/CarInsurance/CompanySettlement/CarInsurance/InvoicedAndSettled.vue

@@ -29,7 +29,7 @@
             <templateTable ref="templateTable1"   :pagination="pageDatarecord" @getList="getListrecord"
                 :tableConfig="tableConfigDetailrecord" :data="formTableDatarecord" @findPage="findPageDetailrecord">
                 <template slot="imageUrl" slot-scope="scope">
-                    <img :src='scope.row.imageUrl' class="imageclass"  @click.stop="showViewer=true;ProViewImg=scope.row.imageUrl" />
+                    <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">

src/views/FinancialManagement/CarInsurance/CompanySettlement/NoCarInsurance/DocumentaryFeesSettled.vue

@@ -20,8 +20,8 @@
       <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="`${process + scope.row.imageUrl}`" class="imageclass" />
-      </template>
+          <img v-if="scope.row.imageUrl" :src="`${process + scope.row.imageUrl}`" class="imageclass" @click.stop="showViewer=true; ProViewImg=process + scope.row.imageUrl" />
+        </template>
       </templateTable>
       <span slot="footer" class="dialog-footer">
         <el-button size="small" @click="dialogVisiblerecord = false">取消</el-button>
@@ -35,6 +35,8 @@
                 <el-button size="small" @click="dialogVisiblerecordDetail = false">取消</el-button>
             </span>
         </el-dialog>
+        <el-image-viewer v-if="showViewer" :on-close="closeViewer"  :z-index="9999" :url-list="[ProViewImg]" />
+
   </div>
 </template>
 <script>
@@ -44,7 +46,10 @@ import yearMonthYay from '../../PlatformSettlement/yearMonthYay.vue'
 
 export default {
   name: "baosi",
-  components: {  templateTable,yearMonthYay },
+  components: {  templateTable,yearMonthYay ,
+    "el-image-viewer": () =>
+      import("element-ui/packages/image/src/image-viewer")
+  },
   created() {
   },
   computed: {
@@ -55,6 +60,8 @@ export default {
   data() {
     return {
       process:process.env.BASE_URL,
+      showViewer:false,
+      ProViewImg:[],
       ztreeNodes:[],
       recordDetailData:[],
       pageDatarecorddetail: {
@@ -240,6 +247,9 @@ export default {
     this.findPage();
   },
   methods: {
+    closeViewer() {
+      this.showViewer = false;
+    },
     resetForm() {
             this.formData={}
             this.pageData.partnerCompaniesIdList=[]

src/views/FinancialManagement/CarInsurance/CompanySettlement/NoCarInsurance/InvoicedAndSettled.vue

@@ -474,4 +474,9 @@ export default {
     overflow-y: auto !important;
     height: auto !important;
 }
+.imageclass {
+  width: 200px;
+  height: 100px;
+  text-align: center;
+}
 </style>

src/views/FinancialManagement/CarInsurance/CompanySettlement/NoCarInsurance/InvoicingUnsettled.vue

@@ -21,6 +21,12 @@
         <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>
@@ -79,16 +85,34 @@ export default {
                         label: "开票号",
                         type: "text"
                     },
+                    {
+                        prop: "invoicingMethod",
+                        label: "开票方式",
+                        // type: "text"
+                        name: '开票方式',
+                        type: 'slot'
+                    },
                     {
                         prop: "invoicCommissionFeevalue",
                         label: "开票金额",
                         type: "text"
                     },
                     {
-                        prop: "invoicTime",
-                        label: "开票时间",
+                        prop: "invoicedSettledAmount",
+                        label: "已开票已结算金额",
+                        type: "text"
+                    },
+                    {
+                        prop: "invoicedNotSettledAmount",
+                        label: "已开票未结算金额",
                         type: "text"
                     },
+                    {
+                        prop: "completionStatus",
+                        label: "结算状态",
+                        name: "结算状态",
+                        type: "slot"
+                    }
 
                 ],
                 loading: true,
@@ -132,13 +156,18 @@ export default {
                     prop: "settlementStatus",
                     type: "select",
                     options: [
-                        {
-                            label: '开票已结算',
-                            value: '2'
-                        }, {
-                            label: '开票未结算',
-                            value: '1'
-                        },
+                      {
+                        label: '开票未结算',
+                        value: '0'
+                      },
+                      {
+                        label: '开票已结算',
+                        value: '1'
+                      }, 
+                      {
+                        label: '开票结算清',
+                        value: '2'
+                      },
                     ]
                 },
 
@@ -265,7 +294,9 @@ export default {
                     isNotCar: '1',
                     isNotDocumentary: '0',
                     handlingFeesStatus: '0',
-                    settlementStatus: data.settlementStatus,
+                    // settlementStatus: data.settlementStatus,
+                    completionStatus:data.settlementStatus,
+                    settlementStatus: '1'
                 })
                 .then(res => {
                     if (res.code == 200) {