车辆档案

anrui-buscenter/anrui-buscenter-ui/src/api/vehicleBusinessFileManagement/vehicleBusinessFileManagement.js

@@ -4,7 +4,7 @@ export default {
   // 查询分页列表
   listPage: function(params) {
     return request({
-      baseURL: "http://127.0.0.1:4523/m1/613533-0-default",
+      // baseURL: "http://127.0.0.1:4523/m1/613533-0-default",
       url: '/buscenter/v1/vehicleBusinessFileManagement/listPage',
       method: 'post',
       data: params,
@@ -14,10 +14,10 @@ export default {
     })
   },
 
-  init: function(data) {
+  init(data) {
     return request({
-      baseURL: "http://127.0.0.1:4523/m1/613533-0-default",
-      url: '/buscenter/v1/vehicleBusinessFileManagement/gteInitBySid/' + data,
+      // baseURL: "http://127.0.0.1:4523/m1/613533-0-default",
+      url: '/buscenter/v1/vehicleBusinessFileManagement/getInitBySid/' + data,
       method: 'get',
     })
   },

anrui-buscenter/anrui-buscenter-ui/src/views/vehicleBusinessFileManagement/vehicleBusinessFileManagement.vue

@@ -0,0 +1,322 @@
+<template>
+  <div class="app-container">
+    <div v-show="viewState == 1">
+      <button-bar ref="btnbar" view-title="车辆业务档案" :btndisabled="btndisabled" @btnhandle="btnHandle" />
+      <div class="main-content">
+        <div class="searchcon">
+          <el-button size="small" class="searchbtn" @click="clicksearchShow">
+            {{ searchxianshitit }}
+          </el-button>
+          <div v-show="isSearchShow" class="search">
+            <el-form :inline="true" class="tab-header">
+              <el-form-item label="分公司">
+                <el-input v-model="queryParams.params.orgName" placeholder="" clearable />
+              </el-form-item>
+              <el-form-item label="销售部门">
+                <el-input v-model="queryParams.params.sellDept" placeholder="" clearable />
+              </el-form-item>
+              <el-form-item label="销售专员">
+                <el-input v-model="queryParams.params.staffName" placeholder="" clearable />
+              </el-form-item>
+              <el-form-item label="销售订单编号">
+                <el-input v-model="queryParams.params.saleOrderNo" placeholder="" clearable />
+              </el-form-item>
+              <el-form-item label="买卖合同编号">
+                <el-input v-model="queryParams.params.contractNo" placeholder="" clearable />
+              </el-form-item>
+              <el-form-item label="付款方式">
+                <el-select v-model="queryParams.params.payType" placeholder="请选择">
+                  <el-option v-for="(item,i) in payTypeList" :key="i" :label="item.dictValue" :value="item.dictKey">
+                  </el-option>
+                </el-select>
+              </el-form-item>
+              <el-form-item label="业务类型">
+                <el-select v-model="queryParams.params.businessType" placeholder="请选择">
+                  <el-option v-for="(item,i) in busTypeList" :key="i" :label="item.dictValue" :value="item.dictKey">
+                  </el-option>
+                </el-select>
+              </el-form-item>
+              <el-form-item label="客户名称">
+                <el-input v-model="queryParams.params.customerName" placeholder="" clearable />
+              </el-form-item>
+              <el-form-item label="客户电话">
+                <el-input v-model="queryParams.params.customerPhone" placeholder="" clearable />
+              </el-form-item>
+              <el-form-item label="车架号">
+                <el-input v-model="queryParams.params.vinNo" placeholder="" clearable />
+              </el-form-item>
+              <el-form-item label="车型">
+                <el-input v-model="queryParams.params.modelName" placeholder="" clearable />
+              </el-form-item>
+              <el-form-item label="开票单位">
+                <el-input v-model="queryParams.params.invoiceTitle" placeholder="" clearable />
+              </el-form-item>
+              <el-form-item label="开票类型">
+                <el-select v-model="queryParams.params.invoiceType" placeholder="请选择">
+                  <el-option v-for="(item,i) in invoiceTypeList" :key="i" :label="item.dictValue" :value="item.dictKey">
+                  </el-option>
+                </el-select>
+              </el-form-item>
+              <el-form-item label="出库日期">
+                <el-date-picker v-model="queryParams.params.deliveryStartData" type="date" placeholder="选择日期"
+                  format="yyyy-MM-dd" value-format="yyyy-MM-dd" style="width: 200px;">
+                </el-date-picker>至
+                <el-date-picker v-model="queryParams.params.deliveryEndData" type="date" placeholder="选择日期"
+                  format="yyyy-MM-dd" value-format="yyyy-MM-dd" style="width: 200px;">
+                </el-date-picker>
+              </el-form-item>
+              <el-form-item label="业务状态">
+                <el-select v-model="queryParams.params.businessStatus" placeholder="请选择">
+                  <el-option v-for="(item,i) in businessStatusList" :key="i" :label="item.dictValue"
+                    :value="item.dictKey">
+                  </el-option>
+                </el-select>
+              </el-form-item>
+              <el-form-item label="欠款金额 > ">
+                <el-input v-model="queryParams.params.arrearsMoney" placeholder="" clearable />
+              </el-form-item>
+            </el-form>
+            <div class="btn" style="text-align: center;">
+              <el-button type="primary" size="small" icon="el-icon-search" @click="dosearch">查询</el-button>
+              <el-button type="primary" size="small" icon="el-icon-refresh" @click="resetQuery">重置</el-button>
+            </div>
+          </div>
+        </div>
+        <!-- Start 项目列表头部 -->
+        <div class="listtop">
+          <div class="tit">车辆业务档案列表</div>
+        </div>
+        <!-- End 项目列表头部 -->
+        <!-- Start 项目列表 -->
+        <div class="">
+          <el-table v-loading="tableLoading" :data="dataList" border style="width: 100%">
+            <el-table-column fixed width="60" label="序号" type="index" :index="indexMethod" align="center" />
+            <el-table-column fixed label="操作" align="center" width="80">
+              <template slot-scope="scope">
+                <el-button type="primary" size="mini" @click="toRelevancy(scope.row)">查看</el-button>
+              </template>
+            </el-table-column>
+            <el-table-column prop="vinNo" label="车架号" align="center" width="120" />
+            <el-table-column prop="modelName" label="车型" align="center" width="220" />
+            <el-table-column label="销售订单编号" align="center" width="180">
+              <template slot-scope="scope">
+                <span class="bluezi" @click="handleCheck(scope.row)">{{scope.row.saleOrderNo}}</span>
+              </template>
+            </el-table-column>
+            <el-table-column prop="contractNo" label="买卖合同编号" align="center" width="130" />
+            <el-table-column prop="payType" label="付款方式" align="center" width="150" />
+            <el-table-column prop="businessType" label="业务类型" align="center" width="100" />
+            <el-table-column prop="customerName" label="客户名称" align="center" width="100" />
+            <el-table-column prop="customerName" label="客户电话" align="center" width="120" />
+            <el-table-column prop="salePrice" label="销售合同价" align="center" width="120" />
+            <el-table-column prop="invoiceTitle" label="开票单位" align="center" width="220" />
+            <el-table-column prop="invoiceType" label="开票类型" align="center" width="120" />
+            <el-table-column prop="outBoundDate" label="出库日期" align="center" width="100" />
+            <el-table-column prop="paymentAmount" label="交款金额" align="center" width="100" />
+            <el-table-column prop="arrearsMoney" label="欠款金额" align="center" width="100" />
+            <el-table-column prop="businessStatus" label="业务状态" align="center" width="100" />
+            <el-table-column prop="orgName" label="分公司" align="center" width="150" />
+            <el-table-column prop="sellDept" label="销售部门" align="center" width="220" />
+            <el-table-column prop="staffName" label="销售专员" align="center" width="100" />
+
+          </el-table>
+        </div>
+        <!-- End 项目列表 -->
+        <div class="pages">
+          <div class="tit" />
+          <!--  翻页  -->
+          <pagination v-show="dataList.length > 0" :total="queryParams.total" :page.sync="queryParams.current"
+            :limit.sync="queryParams.size" class="pagination" @pagination="loadList" />
+        </div>
+      </div>
+    </div>
+    <!-- End 查询和其列表部分 -->
+    <!-- 新增修改部分组件 -->
+    <divInfo v-show="viewState == 4" ref="divInfo" @doback="resetState" @reloadlist="loadList" />
+    <dingdanInfo v-show="viewState == 5" ref="dingdanInfo" @doback="resetState" @reloadlist="loadList" />
+
+  </div>
+</template>
+
+<script>
+  import req from '@/api/vehicleBusinessFileManagement/vehicleBusinessFileManagement.js'
+  import ButtonBar from '@/components/ButtonBar'
+  import Pagination from '@/components/pagination'
+  import pageye from '@/components/pagination/pageye'
+  import divInfo from './vehicleBusinessFileManagementInfo.vue'
+  import dingdanInfo from '@/components/publicPage/dingdanInfo'
+  import {
+    typeValues,
+    getTypeValueList
+  } from '@/api/dictcommons/dictcommons'
+  export default {
+    components: {
+      ButtonBar,
+      Pagination,
+      pageye,
+      divInfo,
+      dingdanInfo
+    },
+    data() {
+      return {
+        btndisabled: false,
+        viewState: 1, // 1、列表 2、添加 3、修改 4、查看
+        isSearchShow: false,
+        searchxianshitit: '显示查询条件',
+        tableLoading: false,
+        dataList: [],
+        btnList: [{
+          type: 'info',
+          size: 'small',
+          icon: 'cross',
+          btnKey: 'doClose',
+          btnLabel: '关闭'
+        }],
+        queryParams: {
+          current: 1,
+          size: 10,
+          total: 0,
+          params: {
+            "deptName": "",
+            "createByName": "",
+            "billNo": "",
+            "createStartTime": "",
+            "createEndTime": "",
+            "finishStartTime": "",
+            "finishEndTime": "",
+            "sourceBillNo": "",
+            "userSid": "",
+            "orgPath": "",
+            "menuUrl": "",
+            "warehouseTypeKey": "01"
+          }
+        },
+        sids: [],
+        selectionList: [],
+        busTypeList: [],
+        payTypeList: [],
+        invoiceTypeList: [],
+        businessStatusList: [],
+      }
+    },
+    mounted() {
+      this.$refs['btnbar'].setButtonList(this.btnList)
+    },
+    created() {
+      this.loadList()
+
+      typeValues({
+        type: 'wms_busType'
+      }).then((res) => {
+        if (res.success) {
+          this.busTypeList = res.data
+        }
+      })
+
+    },
+    methods: {
+      handleCheck(row) {
+        this.viewState = 5
+        this.$refs['dingdanInfo'].showInfo({
+          sid: row.saleOrderSid
+        })
+      },
+      // 搜索条件效果
+      clicksearchShow() {
+        this.isSearchShow = !this.isSearchShow
+        if (this.isSearchShow) {
+          this.searchxianshitit = '隐藏查询条件'
+        } else {
+          this.searchxianshitit = '显示查询条件'
+        }
+      },
+      btnHandle(btnKey) {
+        switch (btnKey) {
+          // case 'doDel':
+          //   this.doDel()
+          //   break
+          // case 'toAdd':
+          //   this.toAdd()
+          //   break
+          case 'doClose':
+            this.doClose()
+            break
+          default:
+            break
+        }
+      },
+
+      loadList() {
+        this.tableLoading = true
+        this.queryParams.params.userSid = window.sessionStorage.getItem('userSid')
+        this.queryParams.params.orgPath = window.sessionStorage.getItem('defaultOrgPath')
+        this.queryParams.params.menuUrl = this.$route.path
+        req.listPage(this.queryParams).then((resp) => {
+          this.tableLoading = false
+          if (resp.success) {
+            const data = resp.data
+            this.queryParams.total = data.total
+            this.dataList = data.records
+          } else {
+            // 根据resp.code进行异常情况处理
+            this.dataList = []
+            this.queryParams.total = 0
+          }
+        }).catch(() => {
+          this.tableLoading = false
+        })
+      },
+
+      // 序号
+      indexMethod(index) {
+        var pagestart = (this.queryParams.current - 1) * this.queryParams.size
+        var pageindex = index + 1 + pagestart
+        return pageindex
+      },
+      dosearch() {
+        this.queryParams.current = 1
+        this.loadList()
+      },
+      resetQuery() {
+        this.queryParams = {
+          current: 1,
+          size: 10,
+          total: 0,
+          params: {
+            "deptName": "",
+            "createByName": "",
+            "billNo": "",
+            "createStartTime": "",
+            "createEndTime": "",
+            "finishStartTime": "",
+            "finishEndTime": "",
+            "sourceBillNo": "",
+            "userSid": "",
+            "orgPath": "",
+            "menuUrl": "",
+            "warehouseTypeKey": "01"
+          }
+        }
+        this.loadList()
+      },
+
+      doClose() {
+        this.$store.dispatch('tagsView/delView', this.$route)
+        this.$router.go(-1)
+      },
+
+
+      resetState() {
+        this.viewState = 1
+      },
+
+      toRelevancy(row) {
+        this.viewState = 4
+        this.$refs['divInfo'].showInfo(row)
+      }
+
+    }
+  }
+</script>
+<style scoped>
+</style>

anrui-buscenter/anrui-buscenter-ui/src/views/vehicleBusinessFileManagement/vehicleBusinessFileManagementInfo.vue

@@ -1,8 +1,188 @@
 <template>
+  <div class="app-container">
+    <div v-show="viewState == 1">
+      <div class="tab-header webtop">
+        <!-- 标题 -->
+        <div>车辆业务档案详情</div>
+        <!-- start 添加修改按钮 -->
+        <div>
+          <el-button type="info" size="small" @click="handleReturn()">关闭</el-button>
+        </div>
+      </div>
+
+      <div class="listconadd">
+
+        <el-form ref="form_obj" :model="formobj" class="formaddcopy02">
+          <el-row class="first_row">
+            <el-col :span="8">
+              <div class="span-sty">销售订单号</div>
+              <el-form-item><span class="addinputInfo">{{ saleOrderInfo.saleOrderNo }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">买卖合同号</div>
+              <el-form-item><span class="addinputInfo">{{ saleOrderInfo.contractNo }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">业务类型</div>
+              <el-form-item><span class="addinputInfo">{{ saleOrderInfo.businessType }}</span></el-form-item>
+            </el-col>
+          </el-row>
+
+          <el-row>
+            <el-col :span="8">
+              <div class="span-sty">分公司</div>
+              <el-form-item><span class="addinputInfo">{{ saleOrderInfo.orgName }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">销售部门</div>
+              <el-form-item><span class="addinputInfo">{{ saleOrderInfo.sellDept }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">销售专员</div>
+              <el-form-item><span class="addinputInfo">{{ saleOrderInfo.staffName }}</span></el-form-item>
+            </el-col>
+
+          </el-row>
+
+          <el-row>
+            <el-col :span="8">
+              <div class="span-sty">车架号</div>
+              <el-form-item><span class="addinputInfo">{{ saleOrderInfo.vinNo }}</span></el-form-item>
+            </el-col>
+            <el-col :span="16">
+              <div class="span-sty">车型</div>
+              <el-form-item><span class="addinputInfo">{{ saleOrderInfo.modelName }}</span></el-form-item>
+            </el-col>
+
+          </el-row>
+
+          <el-row>
+            <el-col :span="8">
+              <div class="span-sty">销售合同价</div>
+              <el-form-item><span class="addinputInfo">{{ saleOrderInfo.salePrice }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">开票单位</div>
+              <el-form-item><span class="addinputInfo">{{ saleOrderInfo.invoiceTitle }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">开票类型</div>
+              <el-form-item><span class="addinputInfo">{{ saleOrderInfo.invoiceType }}</span></el-form-item>
+            </el-col>
+
+          </el-row>
+
+          <el-row>
+            <el-col :span="8">
+              <div class="span-sty">客户名称</div>
+              <el-form-item><span class="addinputInfo">{{ saleOrderInfo.customerPhone }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">客户电话</div>
+              <el-form-item><span class="addinputInfo">{{ saleOrderInfo.customerPhone }}</span></el-form-item>
+            </el-col>
+            <el-col :span="8">
+              <div class="span-sty">身份证号码</div>
+              <el-form-item><span class="addinputInfo">{{ saleOrderInfo.remarks }}</span></el-form-item>
+            </el-col>
+
+          </el-row>
+
+          <div class="title titleOne">
+            <div>销售订单附件</div>
+          </div>
+          <el-table v-loading="listLoading" :data="formobj.list" border style="width: 100%;">
+            <el-table-column fixed width="60" label="序号" type="index" :index="indexMethod" align="center" />
+            <el-table-column fixed label="文件名称" prop="goodsSpuName" align="center" />
+            <el-table-column label="上传日期" prop="goodsSkuCode" align="center" />
+            <el-table-column label="上传人" prop="goodsSkuCode" align="center" />
+          </el-table>
+
+        </el-form>
+
+      </div>
+    </div>
+
+  </div>
 </template>
 
 <script>
+  import req from '@/api/vehicleBusinessFileManagement/vehicleBusinessFileManagement.js'
+  export default {
+    components: {},
+    data() {
+      return {
+        viewState: 1,
+        listLoading: false,
+        submitdisabled: false,
+        formobj: {},
+        saleOrderInfo: {}
+      }
+    },
+    methods: {
+      indexMethod(index) {
+        return index + 1
+      },
+
+      handleReturn(isreload) {
+        if (isreload === 'true') this.$emit('reloadlist')
+        this.$emit('doback')
+      },
+
+      showInfo(row) {
+        var params = {
+          sid: row.sid
+        }
+
+        this.saleOrderInfo = row
+
+        console.log('projectDailySave--e:', row)
+
+
+        req.init(row.sid)
+          .then(resp => {
+            if (resp.success) {
+              this.formobj = resp.data
+            }
+          })
+          .catch(e => {
+            this.formobj = {}
+          })
+      },
+      showEdit(row) {
+
+
+      },
+      resetState() {
+        this.viewState = 1
+      },
+    }
+  }
 </script>
+<style scoped>
+  .span-sty {
+    width: 130px !important;
+  }
+
+  .addinputInfo {
+    margin-left: 120px !important;
+  }
+
+  .formaddcopy02 .el-row .el-col /deep/ .el-form-item .addinputw {
+    margin-left: 120px !important;
+    width: calc(100% - 115px);
+  }
+
+  .first_row {
+    border-top: 1px solid #E0E3EB;
+  }
+
 
-<style>
-</style>
+  .titleOne {
+    padding: 7px;
+    display: flex;
+    flex-direction: row;
+    justify-content: space-between;
+    align-items: center;
+  }
+</style>