2022.9.5

src/views/contract/paymentPlan.vue

@@ -1,6 +1,6 @@
 <template>
   <div style="padding: 0 20px;">
-    <lx-header icon="md-apps" text="付款计划" style="margin-bottom: 10px; border: 0px; margin-top: 15px">
+    <lx-header icon="md-apps" style="margin-bottom: 10px; border: 0px; margin-top: 15px" text="付款计划">
       <div slot="content"></div>
       <slot>
         <div class="selects">
@@ -8,7 +8,8 @@
             <span style="padding: 0 6px;word-break: keep-all;">
             付款计划日期
             </span>
-            <DatePicker :value="[select.start,select.end]" placeholder="请选择日期" type="daterange" placement="bottom-start" style="width: 200px" @on-change="datePick"></DatePicker>
+            <DatePicker :value="[select.start,select.end]" placeholder="请选择日期" placement="bottom-start" style="width: 200px"
+                        type="daterange" @on-change="datePick"></DatePicker>
           </div>
 
           <div>
@@ -18,14 +19,17 @@
             <Input v-model="select.keyword" placeholder="请输入关键字" style="width: 180px"></Input>
           </div>
 
-          <Button type="primary"  style="margin-left: 10px" @click="select={showDate:'',start:'',end:'',pageIndex:1,keyword:''}">重置</Button>
-          <Button type="primary"  style="margin-left: 10px" @click="getSignPlan">查询</Button>
+          <Button style="margin-left: 10px" type="primary"
+                  @click="select={showDate:'',start:'',end:'',pageIndex:1,keyword:''}">重置
+          </Button>
+          <Button style="margin-left: 10px" type="primary" @click="getSignPlan">查询</Button>
         </div>
       </slot>
     </lx-header>
 
 
-    <xy-table :list="list" :table-item="table" @delete="deleteContractSign" @editor="(row)=>{$refs['detailContractSign'].planId = row.id;$refs['detailContractSign'].isShow = true}"></xy-table>
+    <xy-table :list="list" :table-item="table" @delete="deleteContractSign"
+              @editor="(row)=>{$refs['detailContractSign'].planId = row.id;$refs['detailContractSign'].isShow = true}"></xy-table>
 
     <div style="display: flex;justify-content: flex-end;">
       <Page :total="total" show-elevator/>
@@ -36,107 +40,115 @@
 </template>
 
 <script>
-import {getContractSign,delContractSign} from "@/api/contractSign/contractSign"
+import {getContractSign, delContractSign} from "@/api/contractSign/contractSign"
 import {parseTime} from "@/utils"
 import {Message} from "element-ui";
 
 import detailContractSign from "@/views/contract/components/detailContractSign";
+
 export default {
-  components:{
+  components: {
     detailContractSign
   },
   data() {
     return {
-      select:{
-        start:`${new Date().getFullYear()}-${new Date().getMonth()+1}-${new Date().getDate()}`,
-        end:`${new Date().getFullYear()}-${new Date().getMonth()+2}-${new Date().getDate()}`,
-        pageIndex:1,
-        keyword:''
+      select: {
+        start: `${new Date().getFullYear()}-${new Date().getMonth() + 1}-${new Date().getDate()}`,
+        end: `${new Date().getFullYear()}-${new Date().getMonth() + 2}-${new Date().getDate()}`,
+        pageIndex: 1,
+        keyword: ''
       },
-      total:0,
-      list:[],
-      table:[
+      total: 0,
+      list: [],
+      table: [
         {
-          prop:'contract.name',
-          label:'项目名称',
-          width:170,
-          align:'left',
-          fixed:'left'
+          prop: 'contract.name',
+          label: '项目名称',
+          width: 170,
+          align: 'left',
+          fixed: 'left'
         },
         {
-          prop:'money',
-          label:'计划付款金额（元）',
-          align:'right',
-          width:170,
-          formatter:(v1,v2,value)=>{
+          prop: 'money',
+          label: '计划付款金额（元）',
+          align: 'right',
+          width: 170,
+          formatter: (v1, v2, value) => {
             return Number(value).toFixed(2).replace(/(\d)(?=(\d{3})+\.)/g, '$1,')
           }
         },
         {
-          prop:'date',
-          label:'计划付款日期',
+          prop: 'date',
+          label: '计划付款日期',
           width: 180
         },
         {
-          prop:'content',
-          label:'内容',
-          minWidth:180,
-          align:'left'
+          prop: 'content',
+          label: '内容',
+          minWidth: 180,
+          align: 'left'
         },
         {
-          prop:'contract.created_at',
-          label:'合同签订日期',
+          prop: 'contract.created_at',
+          label: '合同签订日期',
           width: 180,
-          formatter:(v1,v2,value)=>{
-            return parseTime(new Date(value),'{y}-{m}-{d}')
+          formatter: (v1, v2, value) => {
+            return parseTime(new Date(value), '{y}-{m}-{d}')
           }
         },
         {
-          prop:'contract.supply',
-          label:'受款单位',
+          prop: 'contract.supply',
+          label: '受款单位',
           width: 140
         },
         {
-          prop:'admin.name',
-          label:'经办人',
+          prop: 'admin.name',
+          label: '经办人',
           width: 140
         },
         {
-          prop:'department.name',
-          label:'经办科室',
+          prop: 'department.name',
+          label: '经办科室',
           width: 140
         },
         {
-          prop:'created_at',
-          label:'创建信息',
+          prop: 'created_at',
+          label: '创建信息',
           width: 160,
-          formatter:(v1,v2,value)=>{
-            return parseTime(new Date(value),'{y}-{m}-{d}')
+          formatter: (v1, v2, value) => {
+            return parseTime(new Date(value), '{y}-{m}-{d}')
           }
         }
       ],
     }
   },
   methods: {
-    async getSignPlan(){
-      const res = await getContractSign({page_size:10,page:this.select.pageIndex,keyword:this.select.keyword,start_date:this.select.start,end_date:this.select.end})
+    async getSignPlan() {
+      const res = await getContractSign({
+        page_size: 10,
+        page: this.select.pageIndex,
+        keyword: this.select.keyword,
+        start_date: this.select.start,
+        end_date: this.select.end,
+        is_auth:1
+      })
       this.total = res.total
       this.list = res.data
     },
-    deleteContractSign(row){
-      delContractSign({id:row.id}).then(res=>{
+    deleteContractSign(row) {
+      delContractSign({id: row.id}).then(res => {
         this.getSignPlan()
         Message({
-          type:'success',
-          message:"操作成功"
+          type: 'success',
+          message: "操作成功"
         })
       })
     },
-    datePick(e){
+    datePick(e) {
       this.select.start = e[0]
       this.select.end = e[1]
     },
-    pageChange(e){
+    pageChange(e) {
       this.select.pageIndex = e
       this.getSignPlan()
     },
@@ -147,12 +159,12 @@ export default {
 }
 </script>
 
-<style scoped lang="scss">
-.selects{
+<style lang="scss" scoped>
+.selects {
   display: flex;
   flex-wrap: wrap;
 
-  &>div{
+  & > div {
     margin-bottom: 6px;
   }
 }