完善索赔厂家管理--增加开票信息模块内容

yxt-as-ui/src/views/basicinformation/claimantManufacturer/claimantManufacturer.vue

@@ -67,6 +67,45 @@
             <el-form-item><el-input class="addinputInfo addinputw" v-model="formobj.remarks" clearable placeholder="" /></el-form-item>
           </el-col>
         </el-row>
+        <div class="title">开票信息</div>
+        <el-row>
+          <el-col :span="12">
+            <div class="span-sty"><span class="icon">*</span>纳税人识别号</div>
+            <el-form-item prop="taxpayerNo"><el-input class="addinputInfo addinputw" v-model="formobj.taxpayerNo" clearable placeholder="" /></el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <div class="span-sty"><span class="icon">*</span>开票类型</div>
+            <el-form-item prop="openTickTypeKey">
+              <el-select v-model="formobj.openTickTypeKey" style="width: 30%" filterable placeholder="" @change="changeOpenTickType">
+                <el-option v-for="item in openTickType_list" :key="item.dictKey" :label="item.dictValue" :value="item.dictKey"/>
+              </el-select>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row>
+          <el-col :span="12">
+            <div class="span-sty"><span class="icon">*</span>地址</div>
+            <el-form-item prop="address"><el-input class="addinputInfo addinputw" v-model="formobj.address" clearable placeholder="" /></el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <div class="span-sty"><span class="icon">*</span>联系电话</div>
+            <el-form-item prop="phone"><el-input class="addinputInfo addinputw" v-model="formobj.phone" clearable placeholder="" /></el-form-item>
+          </el-col>
+        </el-row>
+        <el-row>
+          <el-col :span="12">
+            <div class="span-sty"><span class="icon">*</span>开户行</div>
+            <el-form-item prop="bankName">
+              <el-select class="addinputInfo" v-model="formobj.bankName" placeholder="请选择" clearable filterable @change="bankChange">
+                <el-option v-for="item in bank_list" :key="item.dictKey" :label="item.dictValue" :value="item.dictValue"></el-option>
+              </el-select>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <div class="span-sty">银行账号</div>
+            <el-form-item prop="bankAccount"><el-input class="addinputInfo addinputw" v-model="formobj.bankAccount" clearable placeholder="" /></el-form-item>
+          </el-col>
+        </el-row>
       </el-form>
       <div slot="footer" class="dialog-footer" style="text-align: center">
         <el-button type="primary" size="small" @click="handleConfirm">确定</el-button>
@@ -81,6 +120,7 @@ import Pagination from '@/components/pagination'
 import pageye from '@/components/pagination/pageye'
 import ButtonBar from '@/components/ButtonBar'
 import req from '@/api/basicinformation/claimantManufacturer'
+import { typeValues } from '@/api/Common/dictcommons'
 
 export default {
   name: 'ClaimantManufacturer',
@@ -92,6 +132,8 @@ export default {
   data() {
     return {
       dialogVisible: false,
+      openTickType_list: [],
+      bank_list: [],
       formobj: {
         sid: '',
         claiManuNo: '',
@@ -101,12 +143,26 @@ export default {
         useOrgName: '',
         createOrgName: '',
         createOrgSid: '',
+        taxpayerNo: '',
+        openTickTypeValue: '',
+        openTickTypeKey: '',
+        address: '',
+        phone: '',
+        bankName: '',
+        bankKey: '',
+        bankAccount: '',
         orgPath: ''
       },
       rules: {
         claiManuName: [{ required: true, message: '索赔厂家名称不能为空', trigger: 'blur' }],
         claiManuNo: [{ required: true, message: '索赔厂家编号不能为空', trigger: 'blur' }],
-        sortNo: [{ required: true, message: '排序不能为空', trigger: 'blur' }]
+        sortNo: [{ required: true, message: '排序不能为空', trigger: 'blur' }],
+        taxpayerNo: [{ required: true, message: '纳税人识别号不能为空', trigger: 'blur' }],
+        openTickTypeKey: [{ required: true, message: '开票类型不能为空', trigger: 'change' }],
+        address: [{ required: true, message: '地址不能为空', trigger: 'blur' }],
+        phone: [{ required: true, message: '联系电话不能为空', trigger: 'blur' }],
+        bankName: [{ required: true, message: '开户行不能为空', trigger: 'change' }],
+        bankAccount: [{ required: true, message: '银行账号不能为空', trigger: 'blur' }],
       },
       btndisabled: false,
       btnList: [
@@ -162,12 +218,25 @@ export default {
   },
   created() {
     // 初始化变量
+    this.init()
     this.getList()
   },
   mounted() {
     this.$refs['btnbar'].setButtonList(this.btnList)
   },
   methods: {
+    init() {
+      typeValues({ type: 'bank' }).then((res) => {
+        if (res.success) {
+          this.bank_list = res.data
+        }
+      })
+      typeValues({ type: 'invoiceType' }).then((res) => {
+        if (res.success) {
+          this.openTickType_list = res.data
+        }
+      })
+    },
     // 搜索条件效果
     clicksearchShow() {
       this.isSearchShow = !this.isSearchShow
@@ -283,6 +352,22 @@ export default {
       }
       return val
     },
+    changeOpenTickType(value) {
+      const choose = this.openTickType_list.filter((item) => item.dictKey === value)
+      if (choose != null && choose.length > 0) {
+        this.formobj.openTickTypeValue = choose[0].dictValue
+      } else {
+        this.formobj.openTickTypeValue = ''
+      }
+    },
+    bankChange(value) {
+      const choose = this.bank_list.filter((item) => item.dictValue === value)
+      if (choose != null && choose.length > 0) {
+        this.formobj.bankKey = choose[0].dictKey
+      } else {
+        this.formobj.bankKey = ''
+      }
+    },
     handleConfirm() {
       this.formobj.createBySid = window.sessionStorage.getItem('userSid')
       this.formobj.orgPath = window.sessionStorage.getItem('defaultOrgPath')
@@ -309,6 +394,14 @@ export default {
         useOrgName: '',
         createOrgName: '',
         createOrgSid: '',
+        taxpayerNo: '',
+        openTickTypeValue: '',
+        openTickTypeKey: '',
+        address: '',
+        phone: '',
+        bankName: '',
+        bankKey: '',
+        bankAccount: '',
         orgPath: ''
       }
     },