'bug_fix'

src/page/baseInfo/components/supply/supplyEdit.vue

@@ -2,7 +2,7 @@
   <div>
     <div class="planAddContent" v-show="contentShow">
       <!-- 页面主体内容（表单） -->
-      <Card style="width:100%" :bordered="false" :dis-hover="true">
+      <Card style="width: 100%" :bordered="false" :dis-hover="true">
         <p slot="title">供应商详情</p>
         <div slot="extra">
           <span v-if="canEdit">
@@ -17,213 +17,408 @@
           <Col span="4" class-name="tables">供应商编码</Col>
           <Col span="4" class-name="tables">{{ form.gysbm }}</Col>
           <Col span="4" class-name="tables">
-          供应商名称
-          <span class="mustSpan">*</span>
+            供应商名称
+            <span class="mustSpan">*</span>
           </Col>
           <Col span="4" class-name="tables">
-          <Input v-if="editing" v-model="form.gysmc" placeholder="请输入" style="width: 95%" />
-          <span v-else>{{ form.gysmc }}</span>
+            <Input
+              v-if="editing"
+              v-model="form.gysmc"
+              placeholder="请输入"
+              style="width: 95%"
+            />
+            <span v-else>{{ form.gysmc }}</span>
           </Col>
           <Col span="4" class-name="tables">
-          供应商简称
-          <span class="mustSpan">*</span>
+            供应商简称
+            <span class="mustSpan">*</span>
           </Col>
           <Col span="4" class-name="tables">
-          <Input v-if="editing" v-model="form.gysjc" placeholder="请输入" style="width: 95%" />
-          <span v-else>{{ form.gysjc }}</span>
+            <Input
+              v-if="editing"
+              v-model="form.gysjc"
+              placeholder="请输入"
+              style="width: 95%"
+            />
+            <span v-else>{{ form.gysjc }}</span>
           </Col>
           <Col span="4" class-name="tables">
-          供应商联系人
-          <span class="mustSpan">*</span>
+            供应商联系人
+            <span class="mustSpan">*</span>
           </Col>
           <Col span="4" class-name="tables">
-          <Input v-if="editing" v-model="form.gyslxr" placeholder="请输入" style="width: 95%" />
-          <span v-else>{{ form.gyslxr }}</span>
+            <Input
+              v-if="editing"
+              v-model="form.gyslxr"
+              placeholder="请输入"
+              style="width: 95%"
+            />
+            <span v-else>{{ form.gyslxr }}</span>
           </Col>
           <Col span="4" class-name="tables">
-          供应商联系电话
-          <span class="mustSpan">*</span>
+            供应商联系电话
+            <span class="mustSpan">*</span>
           </Col>
           <Col span="4" class-name="tables">
-          <Input v-if="editing" v-model="form.gyslxdh" placeholder="请输入" style="width: 95%" />
-          <span v-else>{{ form.gyslxdh }}</span>
+            <Input
+              v-if="editing"
+              v-model="form.gyslxdh"
+              placeholder="请输入"
+              style="width: 95%"
+            />
+            <span v-else>{{ form.gyslxdh }}</span>
           </Col>
           <Col span="4" class-name="tables">供应商分类</Col>
           <Col span="4" class-name="tables">
-          <Select clearable v-if="editing" v-model="form.gysfl" style="width: 95%">
-            <Option v-for="item in gysflList" :value="item.detailId" :key="item.detailId">{{ item.detailName }}</Option>
-          </Select>
-          <span v-else>{{ form.gysfl }}</span>
+            <Select
+              clearable
+              v-if="editing"
+              v-model="form.gysfl"
+              style="width: 95%"
+            >
+              <Option
+                v-for="item in gysflList"
+                :value="item.detailId"
+                :key="item.detailId"
+                >{{ item.detailName }}</Option
+              >
+            </Select>
+            <span v-else>{{ form.gysfl }}</span>
           </Col>
           <Col span="4" class-name="tables">供应商评级</Col>
           <Col span="4" class-name="tables">
-          <Select clearable v-if="editing" v-model="form.gyspj" style="width: 95%">
-            <Option v-for="item in gyspjList" :value="item.detailId" :key="item.detailId">{{ item.detailName }}</Option>
-          </Select>
-          <span v-else>{{ form.gyspj }}</span>
+            <Select
+              clearable
+              v-if="editing"
+              v-model="form.gyspj"
+              style="width: 95%"
+            >
+              <Option
+                v-for="item in gyspjList"
+                :value="item.detailId"
+                :key="item.detailId"
+                >{{ item.detailName }}</Option
+              >
+            </Select>
+            <span v-else>{{ form.gyspj }}</span>
           </Col>
           <Col span="4" class-name="tables">所属区域</Col>
           <Col span="4" class-name="tables">
-          <Select clearable multiple :max-tag-count="0" v-if="editing" v-model="form.ssqy" placeholder="所属区域"
-            style="width: 95%">
-            <Option v-for="item in ssqyList" :value="item.areaId" :key="item.areaId">{{ item.areaName }}</Option>
-          </Select>
-          <div v-else-if="form.ssqy.length > 0" v-for="(item, index) in form.ssqy">
-            {{ssqyList.filter(a => a.areaId == item)[0].areaName }}</div>
-          <div v-else></div>
+            <Select
+              clearable
+              multiple
+              :max-tag-count="0"
+              v-if="editing"
+              v-model="form.ssqy"
+              placeholder="所属区域"
+              style="width: 95%"
+            >
+              <Option
+                v-for="item in ssqyList"
+                :value="item.areaId"
+                :key="item.areaId"
+                >{{ item.areaName }}</Option
+              >
+            </Select>
+            <div
+              v-else-if="form.ssqy.length > 0"
+              v-for="(item, index) in form.ssqy"
+            >
+              {{ ssqyList.filter((a) => a.areaId == item)[0].areaName }}
+            </div>
+            <div v-else></div>
           </Col>
           <Col span="4" class-name="tables">分管采购员</Col>
           <Col span="4" class-name="tables">
-          <Select clearable filterable v-if="editing" v-model="form.fgcgy" style="width: 95%">
-            <Option v-for="item in fgcgyList" :value="item.userId" :key="item.userId">{{ item.userName }}</Option>
-          </Select>
-          <span v-else-if="form.fgcgy">{{ fgcgyList.filter(a => a.userId == form.fgcgy)[0].userName }}</span>
-          <span v-else></span>
+            <Select
+              clearable
+              filterable
+              v-if="editing"
+              v-model="form.fgcgy"
+              style="width: 95%"
+            >
+              <Option
+                v-for="item in fgcgyList"
+                :value="item.userId"
+                :key="item.userId"
+                >{{ item.userName }}</Option
+              >
+            </Select>
+            <span v-else-if="form.fgcgy">{{
+              fgcgyList.filter((a) => a.userId == form.fgcgy)[0].userName
+            }}</span>
+            <span v-else></span>
           </Col>
           <Col span="4" class-name="tables">
-          启用状态
-          <span class="mustSpan">*</span>
+            启用状态
+            <span class="mustSpan">*</span>
           </Col>
           <Col span="4" class-name="tables">
-          <RadioGroup v-model="form.qyzt" v-if="editing">
-            <Radio :label="0">
-              <span>是</span>
-            </Radio>
-            <Radio :label="1">
-              <span>否</span>
-            </Radio>
-          </RadioGroup>
-          <span v-else>{{ form.qyzt == '0' ? '是' : '否' }}</span>
+            <RadioGroup v-model="form.qyzt" v-if="editing">
+              <Radio :label="0">
+                <span>是</span>
+              </Radio>
+              <Radio :label="1">
+                <span>否</span>
+              </Radio>
+            </RadioGroup>
+            <span v-else>{{ form.qyzt == "0" ? "是" : "否" }}</span>
           </Col>
           <Col span="4" class-name="tables">成立时间</Col>
           <Col span="4" class-name="tables">
-          <DatePicker v-if="editing" :transfer="true" format="yyyy-MM-dd" type="date" :value="form.clsj"
-            @on-change="form.clsj=$event" placeholder="请选择" style="width: 95%"></DatePicker>
-          <span v-else>{{ form.clsj }}</span>
+            <DatePicker
+              v-if="editing"
+              :transfer="true"
+              format="yyyy-MM-dd"
+              type="date"
+              :value="form.clsj"
+              @on-change="form.clsj = $event"
+              placeholder="请选择"
+              style="width: 95%"
+            ></DatePicker>
+            <span v-else>{{ form.clsj }}</span>
           </Col>
           <Col span="4" class-name="tables">法人代表</Col>
           <Col span="4" class-name="tables">
-          <Input v-if="editing" v-model="form.frdb" placeholder="请输入" style="width: 95%" />
-          <span v-else>{{ form.frdb }}</span>
+            <Input
+              v-if="editing"
+              v-model="form.frdb"
+              placeholder="请输入"
+              style="width: 95%"
+            />
+            <span v-else>{{ form.frdb }}</span>
           </Col>
           <Col span="4" class-name="tables">一般纳税人</Col>
           <Col span="4" class-name="tables">
-          <RadioGroup v-model="form.ybnsr" v-if="editing">
-            <Radio :label="1">
-              <span>是</span>
-            </Radio>
-            <Radio :label="0">
-              <span>否</span>
-            </Radio>
-          </RadioGroup>
-          <span v-else>{{ form.ybnsr == '1' ? '是' : '否' }}</span>
+            <RadioGroup v-model="form.ybnsr" v-if="editing">
+              <Radio :label="1">
+                <span>是</span>
+              </Radio>
+              <Radio :label="0">
+                <span>否</span>
+              </Radio>
+            </RadioGroup>
+            <span v-else>{{ form.ybnsr == "1" ? "是" : "否" }}</span>
           </Col>
           <Col span="4" class-name="tables">税务登记号</Col>
           <Col span="4" class-name="tables">
-          <Input v-if="editing" v-model="form.swdjh" placeholder="请输入" style="width: 95%" />
-          <span v-else>{{ form.swdjh }}</span>
+            <Input
+              v-if="editing"
+              v-model="form.swdjh"
+              placeholder="请输入"
+              style="width: 95%"
+            />
+            <span v-else>{{ form.swdjh }}</span>
           </Col>
           <Col span="4" class-name="tables">营业执照</Col>
           <Col span="4" class-name="tables">
-          <Input v-if="editing" v-model="form.yyzz" placeholder="请输入" style="width: 95%" />
-          <span v-else>{{ form.yyzz }}</span>
+            <Input
+              v-if="editing"
+              v-model="form.yyzz"
+              placeholder="请输入"
+              style="width: 95%"
+            />
+            <span v-else>{{ form.yyzz }}</span>
           </Col>
           <Col span="4" class-name="tables">单位性质</Col>
           <Col span="4" class-name="tables">
-          <Input v-if="editing" v-model="form.dwxz" placeholder="请输入" style="width: 95%" />
-          <span v-else>{{ form.dwxz }}</span>
+            <Input
+              v-if="editing"
+              v-model="form.dwxz"
+              placeholder="请输入"
+              style="width: 95%"
+            />
+            <span v-else>{{ form.dwxz }}</span>
           </Col>
           <Col span="4" class-name="tables">注册资本（万元）</Col>
           <Col span="4" class-name="tables">
-          <Input v-if="editing" v-model="form.zczb" placeholder="请输入" style="width: 95%" />
-          <span v-else>{{ form.zczb }}</span>
+            <Input
+              v-if="editing"
+              v-model="form.zczb"
+              placeholder="请输入"
+              style="width: 95%"
+            />
+            <span v-else>{{ form.zczb }}</span>
           </Col>
           <Col span="4" class-name="tables">资产规模（万元）</Col>
           <Col span="4" class-name="tables">
-          <Input v-if="editing" v-model="form.zcgm" placeholder="请输入" style="width: 95%" />
-          <span v-else>{{ form.zcgm }}</span>
+            <Input
+              v-if="editing"
+              v-model="form.zcgm"
+              placeholder="请输入"
+              style="width: 95%"
+            />
+            <span v-else>{{ form.zcgm }}</span>
           </Col>
           <Col span="4" class-name="tables">帐期天数</Col>
           <Col span="4" class-name="tables">
-          <Input v-if="editing" v-model="form.zqts" placeholder="请输入" style="width: 95%" />
-          <span v-else>{{ form.zqts }}</span>
+            <Input
+              v-if="editing"
+              v-model="form.zqts"
+              placeholder="请输入"
+              style="width: 95%"
+            />
+            <span v-else>{{ form.zqts }}</span>
           </Col>
           <Col span="4" class-name="tables">银行账号</Col>
           <Col span="4" class-name="tables">
-          <Input v-if="editing" v-model="form.ylh" placeholder="请输入" style="width: 95%" />
-          <span v-else>{{ form.ylh }}</span>
+            <Input
+              v-if="editing"
+              v-model="form.ylh"
+              placeholder="请输入"
+              style="width: 95%"
+            />
+            <span v-else>{{ form.ylh }}</span>
           </Col>
           <Col span="4" class-name="tables">省份</Col>
           <Col span="4" class-name="tables">
-          <Input v-if="editing" v-model="form.sf" placeholder="请输入" style="width: 95%" />
-          <span v-else>{{ form.sf }}</span>
+            <Input
+              v-if="editing"
+              v-model="form.sf"
+              placeholder="请输入"
+              style="width: 95%"
+            />
+            <span v-else>{{ form.sf }}</span>
           </Col>
           <Col span="4" class-name="tables">邮编</Col>
           <Col span="4" class-name="tables">
-          <Input v-if="editing" v-model="form.yb" placeholder="请输入" style="width: 95%" />
-          <span v-else>{{ form.yb }}</span>
+            <Input
+              v-if="editing"
+              v-model="form.yb"
+              placeholder="请输入"
+              style="width: 95%"
+            />
+            <span v-else>{{ form.yb }}</span>
           </Col>
           <Col span="4" class-name="tables">Email</Col>
           <Col span="4" class-name="tables">
-          <Input v-if="editing" v-model="form.email" placeholder="请输入" style="width: 95%" />
-          <span v-else>{{ form.email }}</span>
+            <Input
+              v-if="editing"
+              v-model="form.email"
+              placeholder="请输入"
+              style="width: 95%"
+            />
+            <span v-else>{{ form.email }}</span>
           </Col>
           <Col span="4" class-name="tables">FAX</Col>
           <Col span="4" class-name="tables">
-          <Input v-if="editing" v-model="form.fax" placeholder="请输入" style="width: 95%" />
-          <span v-else>{{ form.fax }}</span>
+            <Input
+              v-if="editing"
+              v-model="form.fax"
+              placeholder="请输入"
+              style="width: 95%"
+            />
+            <span v-else>{{ form.fax }}</span>
           </Col>
           <Col span="4" class-name="tables">创建时间</Col>
           <Col span="4" class-name="tables">{{ form.cjsj }}</Col>
           <Col span="4" class-name="tables">创建人</Col>
           <Col span="4" class-name="tables">{{ form.cjr }}</Col>
-          <Col span="4" class-name="tables">
-          </Col>
-          <Col span="4" class-name="tables">
-          </Col>
+          <Col span="4" class-name="tables"> </Col>
+          <Col span="4" class-name="tables"> </Col>
         </Row>
-        <Row class="uplCont" type="flex" justify="center" style="align-items: stretch">
+        <Row
+          class="uplCont"
+          type="flex"
+          justify="center"
+          style="align-items: stretch"
+        >
           <Col span="4" class-name="upl">主营业务</Col>
           <Col span="20" class-name="upl">
-          <Input v-if="editing" type="textarea" v-model="form.zyyw" placeholder="请输入" style="width: 99%" />
-          <span v-else-if="form.zyyw" v-html="form.zyyw.replace(/\n/g, '<br>')"></span>
-          <span v-else></span>
+            <Input
+              v-if="editing"
+              type="textarea"
+              v-model="form.zyyw"
+              placeholder="请输入"
+              style="width: 99%"
+            />
+            <span
+              v-else-if="form.zyyw"
+              v-html="form.zyyw.replace(/\n/g, '<br>')"
+            ></span>
+            <span v-else></span>
           </Col>
         </Row>
-        <Row class="uplCont" type="flex" justify="center" style="align-items: stretch">
+        <Row
+          class="uplCont"
+          type="flex"
+          justify="center"
+          style="align-items: stretch"
+        >
           <Col span="4" class-name="upl">供应商地址</Col>
           <Col span="20" class-name="upl">
-          <Input v-if="editing" type="textarea" v-model="form.gysdz" placeholder="请输入" style="width: 99%" />
-          <span v-else-if="form.gysdz" v-html="form.gysdz.replace(/\n/g, '<br>')"></span>
-          <span v-else></span>
+            <Input
+              v-if="editing"
+              type="textarea"
+              v-model="form.gysdz"
+              placeholder="请输入"
+              style="width: 99%"
+            />
+            <span
+              v-else-if="form.gysdz"
+              v-html="form.gysdz.replace(/\n/g, '<br>')"
+            ></span>
+            <span v-else></span>
           </Col>
         </Row>
-        <Row class="uplCont" type="flex" justify="center" style="align-items: stretch">
+        <Row
+          class="uplCont"
+          type="flex"
+          justify="center"
+          style="align-items: stretch"
+        >
           <Col span="4" class-name="upl">附件</Col>
           <Col span="10" class-name="uplf">
-          <Upload v-if="canEdit" :headers="uploadHeaders" style="width: 80%" multiple type="drag"
-            action="/purchase/common/uploadFile" :before-upload="beforeUpload" :on-success="uploadFilesSuccess"
-            :show-upload-list="false" :on-progress="upFilesLoading">
-            <!-- :default-file-list="xzwgForm.filesList" -->
-            <div style="padding: 5px 0">
-              <Icon type="md-cloud-upload" size="36" style="color: #3399ff"></Icon>
-              <span>点击或将文件拖拽到这里上传</span>
-            </div>
-          </Upload>
+            <Upload
+              v-if="canEdit"
+              :headers="uploadHeaders"
+              style="width: 80%"
+              multiple
+              type="drag"
+              action="/purchase/common/uploadFile"
+              :before-upload="beforeUpload"
+              :on-success="uploadFilesSuccess"
+              :show-upload-list="false"
+              :on-progress="upFilesLoading"
+            >
+              <!-- :default-file-list="xzwgForm.filesList" -->
+              <div style="padding: 5px 0">
+                <Icon
+                  type="md-cloud-upload"
+                  size="36"
+                  style="color: #3399ff"
+                ></Icon>
+                <span>点击或将文件拖拽到这里上传</span>
+              </div>
+            </Upload>
           </Col>
           <Col span="10" class="upl" style="padding: 5px">
-          <div v-for="(item, index) in form.filesList" :key="index">
-            <a :href="item.filePath" :download="item.fileName" target="_blank">{{ item.fileName }}</a>
-            <span style="float: right; cursor:pointer" @click="form.filesList.splice(index, 1)">x</span>
-          </div>
-          <p v-if="uploading" style="text-align: center">上传中...</p>
+            <div v-for="(item, index) in form.filesList" :key="index">
+              <a
+                :href="item.filePath"
+                :download="item.fileName"
+                target="_blank"
+                >{{ item.fileName }}</a
+              >
+              <span
+                style="float: right; cursor: pointer"
+                @click="form.filesList.splice(index, 1)"
+                >x</span
+              >
+            </div>
+            <p v-if="uploading" style="text-align: center">上传中...</p>
           </Col>
         </Row>
         <Row class="mainCont">
           <Col span="4" class-name="tables">备注</Col>
           <Col span="20" class-name="tables">
-          <Input v-if="editing" v-model="form.bz" placeholder="请输入" style="width: 99%" />
-          <span v-else>{{ form.bz }}</span>
+            <Input
+              v-if="editing"
+              v-model="form.bz"
+              placeholder="请输入"
+              style="width: 99%"
+            />
+            <span v-else>{{ form.bz }}</span>
           </Col>
         </Row>
         <Spin size="large" fix v-if="spinShow"></Spin>
@@ -232,60 +427,140 @@
       <Card :bordered="false" :dis-hover="true">
         <Tabs :animated="false" v-model="tabs">
           <span slot="extra">
-            <Button v-if="buttonShow.addPrice && tabs == '2'" type="primary" @click="addXzbj">新增报价</Button>
+            <Button
+              v-if="buttonShow.addPrice && tabs == '2'"
+              type="primary"
+              @click="addXzbj"
+              >新增报价</Button
+            >
             <!-- <Button v-if="tabs == '3'" type="primary" @click="yrryShow = true">引入员工</Button> -->
-            <Button v-if="tabs == '3'&& canEdit" type="primary" @click="addXzry">新增联系人</Button>
-            <Button v-if="tabs == '4'&& canEdit" type="primary" @click="addXzyhzh">新增账号</Button>
+            <Button
+              v-if="tabs == '3' && canEdit"
+              type="primary"
+              @click="addXzry"
+              >新增联系人</Button
+            >
+            <Button
+              v-if="tabs == '4' && canEdit"
+              type="primary"
+              @click="addXzyhzh"
+              >新增账号</Button
+            >
           </span>
           <TabPane label="供货详情" name="1">
-            <Table :columns="table1Column" style="width: 100%" :data="table1Data" :loading="tableLoading" highlight-row border>
+            <Table
+              :columns="table1Column"
+              style="width: 100%"
+              :data="table1Data"
+              :loading="tableLoading"
+              highlight-row
+              border
+            >
               <template slot-scope="{ row, index }" slot="totalPrice">
                 <div>{{ row.numbers * row.salePrice }}</div>
               </template>
             </Table>
-            <Page align="right" @on-change="page1Change" :total="page1Total" show-total />
+            <Page
+              align="right"
+              @on-change="page1Change"
+              :total="page1Total"
+              show-total
+            />
           </TabPane>
           <TabPane label="报价记录" name="2">
-            <Table :columns="table2Column" style="width: 100%" :data="table2Data" :loading="tableLoading" highlight-row border>
+            <Table
+              :columns="table2Column"
+              style="width: 100%"
+              :data="table2Data"
+              :loading="tableLoading"
+              highlight-row
+              border
+            >
               <template slot-scope="{ row, index }" slot="action">
                 <div>
-                  <a href="javascript:;" v-if="buttonShow.editPrice" @click="editBj(row)">编辑</a>
-                  <a href="javascript:;" v-if="buttonShow.deletePrice" @click="deleteBj(row)">删除</a>
+                  <a
+                    href="javascript:;"
+                    v-if="buttonShow.editPrice"
+                    @click="editBj(row)"
+                    >编辑</a
+                  >
+                  <a
+                    href="javascript:;"
+                    v-if="buttonShow.deletePrice"
+                    @click="deleteBj(row)"
+                    >删除</a
+                  >
                 </div>
               </template>
             </Table>
-            <Page align="right" @on-change="page2Change" :total="page2Total" show-total />
+            <Page
+              align="right"
+              @on-change="page2Change"
+              :total="page2Total"
+              show-total
+            />
           </TabPane>
           <TabPane label="联系人" name="3">
-            <Table :columns="table3Column" style="width: 100%" :data="table3Data" :loading="tableLoading" highlight-row border>
+            <Table
+              :columns="table3Column"
+              style="width: 100%"
+              :data="table3Data"
+              :loading="tableLoading"
+              highlight-row
+              border
+            >
               <template slot-scope="{ row, index }" slot="gpcSex">
-                <div>{{ row.gpcSex == '1' ? '男' : '女' }}</div>
+                <div>{{ row.gpcSex == "1" ? "男" : "女" }}</div>
               </template>
               <template slot-scope="{ row, index }" slot="gpcDefault">
-                <div>{{ row.gpcDefault == '1' ? '是' : '否' }}</div>
+                <div>{{ row.gpcDefault == "1" ? "是" : "否" }}</div>
               </template>
               <template slot-scope="{ row, index }" slot="action">
                 <div v-if="canEdit">
                   <a href="javascript:;" @click="editRy(row)">编辑</a>
-                  <a href="javascript:;" v-if="row.state" @click="deleteRy(row)">删除</a>
+                  <a href="javascript:;" v-if="row.state" @click="deleteRy(row)"
+                    >删除</a
+                  >
                 </div>
               </template>
             </Table>
-            <Page align="right" @on-change="page3Change" :total="page3Total" show-total />
+            <Page
+              align="right"
+              @on-change="page3Change"
+              :total="page3Total"
+              show-total
+            />
           </TabPane>
           <TabPane label="银行账号" name="4">
-            <Table :columns="table4Column" style="width: 100%" :data="table4Data" :loading="tableLoading" highlight-row border>
+            <Table
+              :columns="table4Column"
+              style="width: 100%"
+              :data="table4Data"
+              :loading="tableLoading"
+              highlight-row
+              border
+            >
               <template slot-scope="{ row, index }" slot="gpbcDefault">
-                <div>{{ row.gpbcDefault == '1' ? '是' : '否' }}</div>
+                <div>{{ row.gpbcDefault == "1" ? "是" : "否" }}</div>
               </template>
               <template slot-scope="{ row, index }" slot="action">
                 <div v-if="canEdit">
                   <a href="javascript:;" @click="editYhzh(row)">编辑</a>
-                  <a href="javascript:;" v-if="row.state" @click="deleteYhzh(row)">删除</a>
+                  <a
+                    href="javascript:;"
+                    v-if="row.state"
+                    @click="deleteYhzh(row)"
+                    >删除</a
+                  >
                 </div>
               </template>
             </Table>
-            <Page align="right" @on-change="page4Change" :total="page4Total" show-total />
+            <Page
+              align="right"
+              @on-change="page4Change"
+              :total="page4Total"
+              show-total
+            />
           </TabPane>
         </Tabs>
       </Card>
@@ -294,40 +569,78 @@
         <Row class="mainCont">
           <Col span="4" class-name="tables">物品分类</Col>
           <Col span="8" class-name="tables">
-          <Cascader :data="wpflList" v-model="xzbjForm.wpfl" @on-change="wpflChange"
-            style="line-height:inherit;width: 98%"></Cascader>
+            <Cascader
+              :data="wpflList"
+              v-model="xzbjForm.wpfl"
+              @on-change="wpflChange"
+              style="line-height: inherit; width: 98%"
+            ></Cascader>
           </Col>
           <Col span="4" class-name="tables">报价物品</Col>
           <Col span="8" class-name="tables">
-          <Select v-model="xzbjForm.bjwp" @on-change="bjwpChange" style="width: 98%" :transfer="true">
-            <Option v-for="item in bjwpList" :value="item.sgId" :key="item.sgId">{{ item.sgName }}</Option>
-          </Select>
+            <Select
+              v-model="xzbjForm.bjwp"
+              @on-change="bjwpChange"
+              style="width: 98%"
+              :transfer="true"
+            >
+              <Option
+                v-for="item in bjwpList"
+                :value="item.sgId"
+                :key="item.sgId"
+                >{{ item.sgName }}</Option
+              >
+            </Select>
           </Col>
           <Col span="4" class-name="tables">物品编码</Col>
-          <Col span="8" class-name="tables">{{ this.xzbjForm.wpbm == "" ? "-" : this.xzbjForm.wpbm }}</Col>
+          <Col span="8" class-name="tables">{{
+            this.xzbjForm.wpbm == "" ? "-" : this.xzbjForm.wpbm
+          }}</Col>
           <Col span="4" class-name="tables">规格型号</Col>
-          <Col span="8" class-name="tables">{{ this.xzbjForm.ggxh == "" ? "-" : this.xzbjForm.ggxh }}</Col>
+          <Col span="8" class-name="tables">{{
+            this.xzbjForm.ggxh == "" ? "-" : this.xzbjForm.ggxh
+          }}</Col>
           <Col span="4" class-name="tables">计量单位</Col>
-          <Col span="8" class-name="tables">{{ this.xzbjForm.jldw == "" ? "-" : this.xzbjForm.jldw }}</Col>
+          <Col span="8" class-name="tables">{{
+            this.xzbjForm.jldw == "" ? "-" : this.xzbjForm.jldw
+          }}</Col>
           <Col span="4" class-name="tables">销售价格（元）</Col>
-          <Col span="8" class-name="tables">{{ this.xzbjForm.hsdj === "" ? "-" : this.xzbjForm.hsdj }}</Col>
+          <Col span="8" class-name="tables">{{
+            this.xzbjForm.hsdj === "" ? "-" : this.xzbjForm.hsdj
+          }}</Col>
           <Col span="4" class-name="tables">报价时间</Col>
           <Col span="8" class-name="tables">
-          <DatePicker :transfer="true" format="yyyy-MM-dd" type="date" :value="xzbjForm.bjsj"
-            @on-change="xzbjForm.bjsj=$event" placeholder="请选择" style="width: 95%"></DatePicker>
+            <DatePicker
+              :transfer="true"
+              format="yyyy-MM-dd"
+              type="date"
+              :value="xzbjForm.bjsj"
+              @on-change="xzbjForm.bjsj = $event"
+              placeholder="请选择"
+              style="width: 95%"
+            ></DatePicker>
           </Col>
           <Col span="4" class-name="tables">报价人</Col>
           <Col span="8" class-name="tables">
-          <Input v-model="xzbjForm.bjr" placeholder="请输入" style="width: 95%" />
+            <Input
+              v-model="xzbjForm.bjr"
+              placeholder="请输入"
+              style="width: 95%"
+            />
           </Col>
           <Col span="4" class-name="tables">当前报价</Col>
           <Col span="8" class-name="tables">
-          <InputNumber :min="1" :precision="3" :active-change="false" v-model="xzbjForm.dqbj" placeholder="请输入" style="width: 95%" />
-          </Col>
-          <Col span="4" class-name="tables">
-          </Col>
-          <Col span="8" class-name="tables">
+            <InputNumber
+              :min="1"
+              :precision="3"
+              :active-change="false"
+              v-model="xzbjForm.dqbj"
+              placeholder="请输入"
+              style="width: 95%"
+            />
           </Col>
+          <Col span="4" class-name="tables"> </Col>
+          <Col span="8" class-name="tables"> </Col>
         </Row>
         <div slot="footer">
           <Button @click="xzbjCancel">取消</Button>
@@ -335,20 +648,33 @@
         </div>
       </Modal>
       <!-- 引入人员弹窗 -->
-      <Modal v-model="yrryShow" title="引入人员" width="700" @on-ok="yrryOk" @on-cancel="yrryCancel">
+      <Modal
+        v-model="yrryShow"
+        title="引入人员"
+        width="700"
+        @on-ok="yrryOk"
+        @on-cancel="yrryCancel"
+      >
         <Row :gutter="10" style="margin-bottom: 10px">
           <Col :span="8">
-          <Input v-model="yrryForm.xm" placeholder="姓名" />
+            <Input v-model="yrryForm.xm" placeholder="姓名" />
           </Col>
           <Col :span="8">
-          <Input v-model="yrryForm.dh" placeholder="电话" />
+            <Input v-model="yrryForm.dh" placeholder="电话" />
           </Col>
           <Col :span="8">
-          <Button type="primary" style="width: 80px">查询</Button>
-          <Button>批量引入</Button>
+            <Button type="primary" style="width: 80px">查询</Button>
+            <Button>批量引入</Button>
           </Col>
         </Row>
-        <Table :columns="yrryColumn" style="width: 100%" :data="yrryData" :loading="tableLoading" highlight-row border>
+        <Table
+          :columns="yrryColumn"
+          style="width: 100%"
+          :data="yrryData"
+          :loading="tableLoading"
+          highlight-row
+          border
+        >
           <template slot-scope="{ row, index }" slot="action">
             <div>
               <a href="javascript:;">添加</a>
@@ -361,41 +687,57 @@
         <Row class="mainCont">
           <Col span="6" class-name="tables">姓名</Col>
           <Col span="6" class-name="tables">
-          <Input v-model="xzryForm.xm" placeholder="请输入" style="width: 95%" />
+            <Input
+              v-model="xzryForm.xm"
+              placeholder="请输入"
+              style="width: 95%"
+            />
           </Col>
           <Col span="6" class-name="tables">性别</Col>
           <Col span="6" class-name="tables">
-          <RadioGroup v-model="xzryForm.xb">
-            <Radio :label="1">
-              <span>男</span>
-            </Radio>
-            <Radio :label="2">
-              <span>女</span>
-            </Radio>
-          </RadioGroup>
+            <RadioGroup v-model="xzryForm.xb">
+              <Radio :label="1">
+                <span>男</span>
+              </Radio>
+              <Radio :label="2">
+                <span>女</span>
+              </Radio>
+            </RadioGroup>
           </Col>
           <Col span="6" class-name="tables">联系电话</Col>
           <Col span="6" class-name="tables">
-          <Input v-model="xzryForm.dh" placeholder="请输入" style="width: 95%" />
+            <Input
+              v-model="xzryForm.dh"
+              placeholder="请输入"
+              style="width: 95%"
+            />
           </Col>
           <Col span="6" class-name="tables">默认联系人</Col>
           <Col span="6" class-name="tables">
-          <RadioGroup v-model="xzryForm.mrlxr">
-            <Radio :label="1">
-              <span>是</span>
-            </Radio>
-            <Radio :label="0">
-              <span>否</span>
-            </Radio>
-          </RadioGroup>
+            <RadioGroup v-model="xzryForm.mrlxr">
+              <Radio :label="1">
+                <span>是</span>
+              </Radio>
+              <Radio :label="0">
+                <span>否</span>
+              </Radio>
+            </RadioGroup>
           </Col>
           <Col span="6" class-name="tables">邮箱</Col>
           <Col span="6" class-name="tables">
-          <Input v-model="xzryForm.yx" placeholder="请输入" style="width: 95%" />
+            <Input
+              v-model="xzryForm.yx"
+              placeholder="请输入"
+              style="width: 95%"
+            />
           </Col>
           <Col span="6" class-name="tables">岗位</Col>
           <Col span="6" class-name="tables">
-          <Input v-model="xzryForm.gw" placeholder="请输入" style="width: 95%" />
+            <Input
+              v-model="xzryForm.gw"
+              placeholder="请输入"
+              style="width: 95%"
+            />
           </Col>
         </Row>
         <div slot="footer">
@@ -408,38 +750,56 @@
         <Row class="mainCont">
           <Col span="6" class-name="tables">开户人</Col>
           <Col span="6" class-name="tables">
-          <Input v-model="xzyhzhForm.khr" placeholder="请输入" style="width: 95%" />
+            <Input
+              v-model="xzyhzhForm.khr"
+              placeholder="请输入"
+              style="width: 95%"
+            />
           </Col>
           <Col span="6" class-name="tables">开户行</Col>
           <Col span="6" class-name="tables">
-          <Input v-model="xzyhzhForm.khh" placeholder="请输入" style="width: 95%" />
+            <Input
+              v-model="xzyhzhForm.khh"
+              placeholder="请输入"
+              style="width: 95%"
+            />
           </Col>
           <Col span="6" class-name="tables">银行账号</Col>
           <Col span="6" class-name="tables">
-          <Input v-model="xzyhzhForm.ylh" placeholder="请输入" style="width: 95%" />
+            <Input
+              v-model="xzyhzhForm.ylh"
+              placeholder="请输入"
+              style="width: 95%"
+            />
           </Col>
           <Col span="6" class-name="tables">联行号</Col>
           <Col span="6" class-name="tables">
-          <Input v-model="xzyhzhForm.lhh" placeholder="请输入" style="width: 95%" />
+            <Input
+              v-model="xzyhzhForm.lhh"
+              placeholder="请输入"
+              style="width: 95%"
+            />
           </Col>
           <Col span="6" class-name="tables">默认银行账号</Col>
           <Col span="6" class-name="tables">
-          <RadioGroup v-model="xzyhzhForm.mryhzh">
-            <Radio :label="1">
-              <span>是</span>
-            </Radio>
-            <Radio :label="0">
-              <span>否</span>
-            </Radio>
-          </RadioGroup>
-          </Col>
-          <Col span="6" class-name="tables">
-          </Col>
-          <Col span="6" class-name="tables">
+            <RadioGroup v-model="xzyhzhForm.mryhzh">
+              <Radio :label="1">
+                <span>是</span>
+              </Radio>
+              <Radio :label="0">
+                <span>否</span>
+              </Radio>
+            </RadioGroup>
           </Col>
+          <Col span="6" class-name="tables"> </Col>
+          <Col span="6" class-name="tables"> </Col>
           <Col span="6" class-name="tables">备注</Col>
           <Col span="18" class-name="tables">
-          <Input v-model="xzyhzhForm.bz" placeholder="请输入" style="width: 95%" />
+            <Input
+              v-model="xzyhzhForm.bz"
+              placeholder="请输入"
+              style="width: 95%"
+            />
           </Col>
         </Row>
         <div slot="footer">
@@ -452,1149 +812,1151 @@
 </template>
 
 <script>
-  import {
-    phoneFun
-  } from "../../../../../config/util";
-  import {
-    goodProviderDetails, //获取供应商详情
-    updateGoodProvider, //编辑供应商详情
-    goodProviderQuoteRecordPageList, //报价记录
-    addGoodProviderQuoteRecord, //新增报价记录
-    deleteGoodProviderQuoteRecord, //删除报价记录
-    updateGoodProviderQuoteRecord, //编辑报价记录
-    goodProviderContactPageList, // 获取联系人
-    addGoodProviderContact, //新增联系人
-    deleteGoodProviderContact, //删除联系人
-    updateGoodProviderContact, //编辑联系人
-    goodProviderBankCardPageList, //获取银行账号
-    addGoodProviderBankCard, //新增银行账号
-    deleteGoodProviderBankCard, //删除银行账号
-    updateGoodProviderBankCard, //编辑银行账号
-    stockGoodsByGpID, //供货商详情查询
-    tbiGoodsCategoryList, //获取物品分类
-    tbiStockGoods, //获取物料列表
-  } from "@/service/getData";
-  export default {
-    name: "supplyEdit",
-    props: [
-      "gpId",
-      "gysflList",
-      "gyspjList",
-      "ssqyList",
-      "fgcgyList",
-      "canBeEdit",
-      "buttonShow",
-    ],
-    watch: {
-      canBeEdit(val) {
-        console.log("edit" + val);
-        this.canEdit = val ? true : false;
-        this.editing = val ? true : false;
-      },
+import { phoneFun } from "../../../../../config/util";
+import {
+  goodProviderDetails, //获取供应商详情
+  updateGoodProvider, //编辑供应商详情
+  goodProviderQuoteRecordPageList, //报价记录
+  addGoodProviderQuoteRecord, //新增报价记录
+  deleteGoodProviderQuoteRecord, //删除报价记录
+  updateGoodProviderQuoteRecord, //编辑报价记录
+  goodProviderContactPageList, // 获取联系人
+  addGoodProviderContact, //新增联系人
+  deleteGoodProviderContact, //删除联系人
+  updateGoodProviderContact, //编辑联系人
+  goodProviderBankCardPageList, //获取银行账号
+  addGoodProviderBankCard, //新增银行账号
+  deleteGoodProviderBankCard, //删除银行账号
+  updateGoodProviderBankCard, //编辑银行账号
+  stockGoodsByGpID, //供货商详情查询
+  tbiGoodsCategoryList, //获取物品分类
+  tbiStockGoods, //获取物料列表
+} from "@/service/getData";
+export default {
+  name: "supplyEdit",
+  props: [
+    "gpId",
+    "gysflList",
+    "gyspjList",
+    "ssqyList",
+    "fgcgyList",
+    "canBeEdit",
+    "buttonShow",
+  ],
+  watch: {
+    canBeEdit(val) {
+      console.log("edit" + val);
+      this.canEdit = val ? true : false;
+      this.editing = val ? true : false;
     },
-    data() {
-      return {
-        spinShow: true,
-        contentShow: true,
-        editing: true,
-        canEdit: true,
-        tabs: "1",
-        uploadHeaders: {
-          token: localStorage.token,
-          userId: localStorage.user_id,
+  },
+  data() {
+    return {
+      spinShow: true,
+      contentShow: true,
+      editing: true,
+      canEdit: true,
+      tabs: "1",
+      uploadHeaders: {
+        token: localStorage.token,
+        userId: localStorage.user_id,
+      },
+      //基础页面表单
+      form: {
+        gysbm: "", //供应商编码
+        gysmc: "", //供应商名称
+        gysjc: "", //供应商简称
+        gyslxr: "", //供应商联系人
+        gyslxdh: "", //供应商联系电话
+        gysfl: "", //供应商分类
+        gyspj: "", //供应商评级
+        ssqy: [], //所属区域
+        fgcgy: "", //分管采购员
+        qyzt: "1", //启用状态
+        clsj: "", //成立时间
+        frdb: "", //法人代表
+        ybnsr: "", //一般纳税人
+        swdjh: "", //税务登记号
+        yyzz: "", //营业执照
+        dwxz: "", //单位性质
+        zczb: "", //注册资本
+        zcgm: "", //资产规模
+        zqts: "", //帐期天数
+        ylh: "", //银行账号
+        sf: "", //省份
+        yb: "", //邮编
+        email: "", //email
+        fax: "", //fax
+        cjsj: "", //创建时间
+        cjr: localStorage.user_name, //创建人
+        zyyw: "", //主营业务
+        gysdz: "", //供应商地址
+        bz: "", //备注
+        filesList: [],
+      },
+      uploading: false, //上传状态
+      //弹窗类型 add-新增 edit-编辑
+      modelType: "add",
+      //新增报价表单
+      xzbjShow: false,
+      xzbjTitle: "新增报价",
+      xzbjEditId: "",
+      xzbjForm: {
+        wpfl: [], //物品分类
+        yjflmc: "", //一级分类名称
+        ejflmc: "", //二级分类名称
+        bjwp: "", //报价物品
+        wpbm: "", //物品编码
+        ggxh: "", //规格型号
+        jldw: "", //计量单位
+        hsdj: "", //含税单价
+        bjsj: "", //报价时间
+        bjr: "", //报价人
+        dqbj: 0, //当前报价
+      },
+      wpflList: [],
+      bjwpList: [],
+      //引入人员表单
+      yrryShow: false,
+      yrryForm: {
+        xm: "", //姓名
+        dh: "", //电话
+      },
+      //新增人员表单
+      xzryShow: false,
+      xzryTitle: "新增人员",
+      xzryEditId: "",
+      xzryForm: {
+        xm: "", //姓名
+        xb: 1, // 性别
+        mrlxr: 0, //是否默认联系人
+        dh: "", //电话
+        yx: "", //邮箱
+        gw: "", //岗位
+      },
+      //新增银行账号表单
+      xzyhzhShow: false,
+      xzyhzhTitle: "新增账号",
+      xzyhzhEditId: "",
+      xzyhzhForm: {
+        khh: "", //开户行
+        ylh: "", //银行账号
+        khr: "", //开户人
+        mryhzh: 0, //默认银行账号
+        lhh: "", //联行号
+        bz: "", //备注
+      },
+      // 表格X4
+      //表1
+      tableLoading: false,
+      table1Data: [],
+      page1Total: 0,
+      page1Num: 1,
+      table1Column: [
+        {
+          title: "入库单",
+          key: "irNo",
+          tooltip: true,
+          minWidth: 120,
+          resizable: true,
+        },
+        {
+          title: "供货时间",
+          key: "gpDate",
+          tooltip: true,
+          minWidth: 120,
+          resizable: true,
+        },
+        {
+          title: "物料编码",
+          key: "standardModel",
+          tooltip: true,
+          minWidth: 120,
+          resizable: true,
+        },
+        {
+          title: "物料名称",
+          key: "sgName",
+          tooltip: true,
+          minWidth: 120,
+          resizable: true,
+        },
+        {
+          title: "物料一级分类",
+          key: "gcFirst",
+          tooltip: true,
+          minWidth: 120,
+          resizable: true,
+        },
+        {
+          title: "物料二级分类",
+          key: "gcSecond",
+          tooltip: true,
+          minWidth: 120,
+          resizable: true,
+        },
+        {
+          title: "规格型号",
+          key: "sgNo",
+          tooltip: true,
+          minWidth: 120,
+          resizable: true,
+        },
+        {
+          title: "计量单位",
+          key: "measureUnit",
+          tooltip: true,
+          minWidth: 120,
+          resizable: true,
+        },
+        {
+          title: "供货数量",
+          key: "numbers",
+          tooltip: true,
+          minWidth: 120,
+          resizable: true,
+        },
+        {
+          title: "单价（元）",
+          key: "salePrice",
+          tooltip: true,
+          minWidth: 120,
+          resizable: true,
+        },
+        {
+          title: "总额（元）",
+          slot: "totalPrice",
+          tooltip: true,
+          minWidth: 120,
+          resizable: true,
+        },
+      ],
+      //表2
+      table2Data: [],
+      page2Total: 0,
+      page2Num: 1,
+      table2Column: [
+        {
+          title: "操作",
+          slot: "action",
+          minWidth: 80,
+          resizable: true,
+        },
+        {
+          title: "物料编号",
+          key: "materielNumber",
+          tooltip: true,
+          minWidth: 120,
+          resizable: true,
+        },
+        {
+          title: "物料名称",
+          key: "materielName",
+          tooltip: true,
+          minWidth: 120,
+          resizable: true,
+        },
+        // {
+        //   title: "品牌",
+        //   key: "brand",
+        //   tooltip: true
+        // },
+        {
+          title: "规格型号",
+          key: "specs",
+          tooltip: true,
+          minWidth: 120,
+          resizable: true,
+        },
+        {
+          title: "计量单位",
+          key: "unit",
+          tooltip: true,
+          minWidth: 120,
+          resizable: true,
+        },
+        {
+          title: "当前报价",
+          key: "currentQuote",
+          tooltip: true,
+          minWidth: 120,
+          resizable: true,
+        },
+        {
+          title: "销售价格（元）",
+          key: "unitPrice",
+          tooltip: true,
+          minWidth: 120,
+          resizable: true,
+        },
+        {
+          title: "报价时间",
+          key: "quoteTime",
+          tooltip: true,
+          minWidth: 120,
+          resizable: true,
+        },
+        {
+          title: "报价人",
+          key: "quoteName",
+          tooltip: true,
+          minWidth: 120,
+          resizable: true,
+        },
+      ],
+      //表3
+      table3Data: [],
+      page3Total: 0,
+      page3Num: 1,
+      table3Column: [
+        {
+          title: "操作",
+          slot: "action",
+          tooltip: true,
+          minWidth: 120,
+          resizable: true,
+        },
+        {
+          title: "姓名",
+          key: "gpcName",
+          tooltip: true,
+          minWidth: 120,
+          resizable: true,
         },
-        //基础页面表单
-        form: {
-          gysbm: "", //供应商编码
-          gysmc: "", //供应商名称
-          gysjc: "", //供应商简称
-          gyslxr: "", //供应商联系人
-          gyslxdh: "", //供应商联系电话
-          gysfl: "", //供应商分类
-          gyspj: "", //供应商评级
-          ssqy: [], //所属区域
-          fgcgy: "", //分管采购员
-          qyzt: "1", //启用状态
-          clsj: "", //成立时间
-          frdb: "", //法人代表
-          ybnsr: "", //一般纳税人
-          swdjh: "", //税务登记号
-          yyzz: "", //营业执照
-          dwxz: "", //单位性质
-          zczb: "", //注册资本
-          zcgm: "", //资产规模
-          zqts: "", //帐期天数
-          ylh: "", //银行账号
-          sf: "", //省份
-          yb: "", //邮编
-          email: "", //email
-          fax: "", //fax
-          cjsj: "", //创建时间
-          cjr: localStorage.user_name, //创建人
-          zyyw: "", //主营业务
-          gysdz: "", //供应商地址
-          bz: "", //备注
-          filesList: [],
+        {
+          title: "性别",
+          slot: "gpcSex",
+          tooltip: true,
+          minWidth: 120,
+          resizable: true,
         },
-        uploading: false, //上传状态
-        //弹窗类型 add-新增 edit-编辑
-        modelType: "add",
-        //新增报价表单
-        xzbjShow: false,
-        xzbjTitle: "新增报价",
-        xzbjEditId: "",
-        xzbjForm: {
-          wpfl: [], //物品分类
-          yjflmc: "", //一级分类名称
-          ejflmc: "", //二级分类名称
-          bjwp: "", //报价物品
-          wpbm: "", //物品编码
-          ggxh: "", //规格型号
-          jldw: "", //计量单位
-          hsdj: "", //含税单价
-          bjsj: "", //报价时间
-          bjr: "", //报价人
-          dqbj: 0, //当前报价
+        {
+          title: "联系电话",
+          key: "gpcPhone",
+          tooltip: true,
+          minWidth: 120,
+          resizable: true,
         },
-        wpflList: [],
-        bjwpList: [],
-        //引入人员表单
-        yrryShow: false,
-        yrryForm: {
-          xm: "", //姓名
-          dh: "", //电话
+        {
+          title: "默认联系人",
+          slot: "gpcDefault",
+          tooltip: true,
+          minWidth: 120,
+          resizable: true,
         },
-        //新增人员表单
-        xzryShow: false,
-        xzryTitle: "新增人员",
-        xzryEditId: "",
-        xzryForm: {
-          xm: "", //姓名
-          xb: 1, // 性别
-          mrlxr: 0, //是否默认联系人
-          dh: "", //电话
-          yx: "", //邮箱
-          gw: "", //岗位
+        {
+          title: "邮箱",
+          key: "gpcEmail",
+          tooltip: true,
+          minWidth: 120,
+          resizable: true,
+        },
+        {
+          title: "岗位",
+          key: "gpcStation",
+          tooltip: true,
+          minWidth: 120,
+          resizable: true,
         },
-        //新增银行账号表单
-        xzyhzhShow: false,
-        xzyhzhTitle: "新增账号",
-        xzyhzhEditId: "",
-        xzyhzhForm: {
-          khh: "", //开户行
-          ylh: "", //银行账号
-          khr: "", //开户人
-          mryhzh: 0, //默认银行账号
-          lhh: "", //联行号
-          bz: "", //备注
+      ],
+      //表4
+      table4Data: [],
+      page4Total: 0,
+      page4Num: 1,
+      table4Column: [
+        {
+          title: "操作",
+          slot: "action",
+          tooltip: true,
+          minWidth: 120,
+          resizable: true,
         },
-        // 表格X4
-        //表1
-        tableLoading: false,
-        table1Data: [],
-        page1Total: 0,
-        page1Num: 1,
-        table1Column: [{
-            title: "入库单",
-            key: "irNo",
-            tooltip: true,
+        {
+          title: "开户行",
+          key: "bank",
+          tooltip: true,
           minWidth: 120,
           resizable: true,
-          },
-          {
-            title: "供货时间",
-            key: "gpDate",
-            tooltip: true,
-            minWidth: 120,
-            resizable: true,
-          },
-          {
-            title: "物料编码",
-            key: "standardModel",
-            tooltip: true,
-            minWidth: 120,
-            resizable: true,
-          },
-          {
-            title: "物料名称",
-            key: "sgName",
-            tooltip: true,
-            minWidth: 120,
-            resizable: true,
-          },
-          {
-            title: "物料一级分类",
-            key: "gcFirst",
-            tooltip: true,
-            minWidth: 120,
-            resizable: true,
-          },
-          {
-            title: "物料二级分类",
-            key: "gcSecond",
-            tooltip: true,
-            minWidth: 120,
-            resizable: true,
-          },
-          {
-            title: "规格型号",
-            key: "sgNo",
-            tooltip: true,
-            minWidth: 120,
-            resizable: true,
-          },
-          {
-            title: "计量单位",
-            key: "measureUnit",
-            tooltip: true,
-            minWidth: 120,
-            resizable: true,
-          },
-          {
-            title: "供货数量",
-            key: "numbers",
-            tooltip: true,
-            minWidth: 120,
-            resizable: true,
-          },
-          {
-            title: "单价（元）",
-            key: "salePrice",
-            tooltip: true,
-            minWidth: 120,
-            resizable: true,
-          },
-          {
-            title: "总额（元）",
-            slot: "totalPrice",
-            tooltip: true,
-            minWidth: 120,
-            resizable: true,
-          },
-        ],
-        //表2
-        table2Data: [],
-        page2Total: 0,
-        page2Num: 1,
-        table2Column: [{
-            title: "操作",
-            slot: "action",
-            minWidth: 80,
+        },
+        {
+          title: "银行账号",
+          key: "unionpay",
+          tooltip: true,
+          minWidth: 120,
           resizable: true,
-          },
-          {
-            title: "物料编号",
-            key: "materielNumber",
-            tooltip: true,
-            minWidth: 120,
-            resizable: true,
-          },
-          {
-            title: "物料名称",
-            key: "materielName",
-            tooltip: true,
-            minWidth: 120,
-            resizable: true,
-          },
-          // {
-          //   title: "品牌",
-          //   key: "brand",
-          //   tooltip: true
-          // },
-          {
-            title: "规格型号",
-            key: "specs",
-            tooltip: true,
-            minWidth: 120,
-            resizable: true,
-          },
-          {
-            title: "计量单位",
-            key: "unit",
-            tooltip: true,
-            minWidth: 120,
-            resizable: true,
-          },
-          {
-            title: "当前报价",
-            key: "currentQuote",
-            tooltip: true,
-            minWidth: 120,
-            resizable: true,
-          },
-          {
-            title: "销售价格（元）",
-            key: "unitPrice",
-            tooltip: true,
-            minWidth: 120,
-            resizable: true,
-          },
-          {
-            title: "报价时间",
-            key: "quoteTime",
-            tooltip: true,
-            minWidth: 120,
-            resizable: true,
-          },
-          {
-            title: "报价人",
-            key: "quoteName",
-            tooltip: true,
-            minWidth: 120,
-            resizable: true,
-          },
-        ],
-        //表3
-        table3Data: [],
-        page3Total: 0,
-        page3Num: 1,
-        table3Column: [{
-            title: "操作",
-            slot: "action",
-            tooltip: true,
-            minWidth: 120,
+        },
+        {
+          title: "联行号",
+          key: "bankNumber",
+          tooltip: true,
+          minWidth: 120,
           resizable: true,
-          },
-          {
-            title: "姓名",
-            key: "gpcName",
-            tooltip: true,
-            minWidth: 120,
-            resizable: true,
-          },
-          {
-            title: "性别",
-            slot: "gpcSex",
-            tooltip: true,
-            minWidth: 120,
-            resizable: true,
-          },
-          {
-            title: "联系电话",
-            key: "gpcPhone",
-            tooltip: true,
-            minWidth: 120,
-            resizable: true,
-          },
-          {
-            title: "默认联系人",
-            slot: "gpcDefault",
-            tooltip: true,
-            minWidth: 120,
-            resizable: true,
-          },
-          {
-            title: "邮箱",
-            key: "gpcEmail",
-            tooltip: true,
-            minWidth: 120,
-            resizable: true,
-          },
-          {
-            title: "岗位",
-            key: "gpcStation",
-            tooltip: true,
-            minWidth: 120,
-            resizable: true,
-          },
-        ],
-        //表4
-        table4Data: [],
-        page4Total: 0,
-        page4Num: 1,
-        table4Column: [{
-            title: "操作",
-            slot: "action",
-            tooltip: true,
-            minWidth: 120,
+        },
+        {
+          title: "是否默认账号",
+          slot: "gpbcDefault",
+          tooltip: true,
+          minWidth: 120,
           resizable: true,
-          },
-          {
-            title: "开户行",
-            key: "bank",
-            tooltip: true,
-            minWidth: 120,
-            resizable: true,
-          },
-          {
-            title: "银行账号",
-            key: "unionpay",
-            tooltip: true,
-            minWidth: 120,
-            resizable: true,
-          },
-          {
-            title: "联行号",
-            key: "bankNumber",
-            tooltip: true,
-            minWidth: 120,
-            resizable: true,
-          },
-          {
-            title: "是否默认账号",
-            slot: "gpbcDefault",
-            tooltip: true,
-            minWidth: 120,
-            resizable: true,
-          },
-          {
-            title: "备注",
-            key: "remark",
-            tooltip: true,
-            minWidth: 120,
-            resizable: true,
-          },
-          {
-            title: "操作日期",
-            key: "operateDate",
-            tooltip: true,
-            minWidth: 120,
-            resizable: true,
-          },
-          {
-            title: "操作人",
-            key: "operator",
-            tooltip: true,
-            minWidth: 120,
-            resizable: true,
-          },
-        ],
-        //引入人员弹窗表
-        yrryData: [],
-        yrryColumn: [{
-            type: "selection",
-            minWidth: 60,
-            align: "center",
+        },
+        {
+          title: "备注",
+          key: "remark",
+          tooltip: true,
+          minWidth: 120,
           resizable: true,
-          },
-          {
-            title: "姓名",
-            key: "xm",
-            tooltip: true,
-            minWidth: 120,
-            resizable: true,
-          },
-          {
-            title: "账号",
-            key: "zh",
-            tooltip: true,
-            minWidth: 120,
-            resizable: true,
-          },
-          {
-            title: "电话",
-            key: "dh",
-            tooltip: true,
-            minWidth: 120,
-            resizable: true,
-          },
-          {
-            title: "操作",
-            slot: "action",
-            tooltip: true,
-            minWidth: 120,
-            resizable: true,
-          },
-        ],
+        },
+        {
+          title: "操作日期",
+          key: "operateDate",
+          tooltip: true,
+          minWidth: 120,
+          resizable: true,
+        },
+        {
+          title: "操作人",
+          key: "operator",
+          tooltip: true,
+          minWidth: 120,
+          resizable: true,
+        },
+      ],
+      //引入人员弹窗表
+      yrryData: [],
+      yrryColumn: [
+        {
+          type: "selection",
+          minWidth: 60,
+          align: "center",
+          resizable: true,
+        },
+        {
+          title: "姓名",
+          key: "xm",
+          tooltip: true,
+          minWidth: 120,
+          resizable: true,
+        },
+        {
+          title: "账号",
+          key: "zh",
+          tooltip: true,
+          minWidth: 120,
+          resizable: true,
+        },
+        {
+          title: "电话",
+          key: "dh",
+          tooltip: true,
+          minWidth: 120,
+          resizable: true,
+        },
+        {
+          title: "操作",
+          slot: "action",
+          tooltip: true,
+          minWidth: 120,
+          resizable: true,
+        },
+      ],
+    };
+  },
+  created() {
+    this.getData();
+    tbiGoodsCategoryList().then((res) => {
+      // this.allFlList = res.data.data;
+      let arr = [];
+      for (let index in res.data.data) {
+        if (res.data.data[index].parentId == null) {
+          this.wpflList.push({
+            label: res.data.data[index].gcName,
+            value: res.data.data[index].gcId,
+            children: [],
+          });
+        }
+      }
+      for (let index in this.wpflList) {
+        let arr = res.data.data.filter(
+          (a) => a.parentId == this.wpflList[index].value
+        );
+        console.log(this.wpflList[index].value, arr);
+        for (let i in arr) {
+          this.wpflList[index].children.push({
+            label: arr[i].gcName,
+            value: arr[i].gcId,
+          });
+        }
+      }
+    });
+  },
+  methods: {
+    //新增报价
+    xzbjOk() {
+      for (let i in this.xzbjForm) {
+        if (this.xzbjForm[i] === "" || this.xzbjForm[i].length == 0) {
+          this.$Message.error("请将信息填写完整！");
+          return false;
+        }
+      }
+      let postData = {
+        currentQuote: this.xzbjForm.dqbj,
+        gpId: this.gpId,
+        materieFirstClassifyId: this.xzbjForm.wpfl[0],
+        materieFirstClassifyName: this.xzbjForm.yjflmc,
+        materieSecondClassifyId: this.xzbjForm.wpfl[1],
+        materieSecondClassifyName: this.xzbjForm.ejflmc,
+        materielName: this.bjwpList.filter(
+          (a) => a.sgId == this.xzbjForm.bjwp
+        )[0].sgName,
+        materielNumber: this.xzbjForm.wpbm,
+        quoteName: this.xzbjForm.bjr,
+        quoteTime: this.xzbjForm.bjsj,
+        specs: this.xzbjForm.ggxh,
+        unit: this.xzbjForm.jldw,
+        unitPrice: this.xzbjForm.hsdj,
       };
-    },
-    created() {
-      this.getData();
-      tbiGoodsCategoryList().then((res) => {
-        // this.allFlList = res.data.data;
-        let arr = [];
-        for (let index in res.data.data) {
-          if (res.data.data[index].parentId == null) {
-            this.wpflList.push({
-              label: res.data.data[index].gcName,
-              value: res.data.data[index].gcId,
-              children: [],
-            });
+      if (this.modelType == "add") {
+        addGoodProviderQuoteRecord(postData).then((res) => {
+          if (res.status == 200) {
+            this.$Message.success("新增报价成功！");
+            this.getTable2Data();
+            this.xzbjCancel();
+          } else {
+            this.$Message.error(res.message);
           }
-        }
-        for (let index in this.wpflList) {
-          let arr = res.data.data.filter(
-            (a) => a.parentId == this.wpflList[index].value
-          );
-          console.log(this.wpflList[index].value, arr);
-          for (let i in arr) {
-            this.wpflList[index].children.push({
-              label: arr[i].gcName,
-              value: arr[i].gcId,
-            });
+        });
+      } else if (this.modelType == "edit") {
+        postData.gpqrId = this.xzbjEditId;
+        updateGoodProviderQuoteRecord(postData).then((res) => {
+          if (res.status == 200) {
+            this.$Message.success("编辑报价成功！");
+            this.getTable2Data();
+            this.xzbjCancel();
+          } else {
+            this.$Message.error(res.message);
           }
+        });
+      }
+    },
+    xzbjCancel() {
+      this.xzbjEditId = "";
+      this.xzbjForm.yjflmc = "";
+      this.xzbjForm.ejflmc = "";
+      this.xzbjForm.wpfl = [];
+      this.xzbjForm.bjwp = "";
+      this.xzbjForm.wpbm = "";
+      this.xzbjForm.ggxh = "";
+      this.xzbjForm.jldw = "";
+      this.xzbjForm.hsdj = "";
+      this.xzbjForm.bjsj = "";
+      this.xzbjForm.bjr = "";
+      this.xzbjForm.dqbj = 0;
+      this.xzbjShow = false;
+    },
+    editBj(row) {
+      this.modelType = "edit";
+      this.xzbjTitle = "报价详情";
+      this.xzbjShow = true;
+      this.xzbjForm.wpfl = [
+        row.materieFirstClassifyId,
+        row.materieSecondClassifyId,
+      ];
+      let postData = {
+        gcParentid: row.materieFirstClassifyId,
+        gcId: row.materieSecondClassifyId,
+      };
+      tbiStockGoods(postData).then((res) => {
+        if (res.status == 200) {
+          this.bjwpList = res.data;
+          this.xzbjForm.bjwp = res.data.filter(
+            (a) => a.sgName == row.materielName
+          )[0].sgId;
         }
       });
+      this.xzbjForm.yjflmc = row.materieFirstClassifyName;
+      this.xzbjForm.ejflmc = row.materieSecondClassifyName;
+      this.xzbjForm.wpbm = row.materielNumber;
+      this.xzbjForm.ggxh = row.specs;
+      this.xzbjForm.jldw = row.unit;
+      this.xzbjForm.hsdj = row.unitPrice;
+      this.xzbjForm.bjsj = row.quoteTime;
+      this.xzbjForm.bjr = row.quoteName;
+      this.xzbjForm.dqbj = row.currentQuote;
+      this.xzbjEditId = row.gpqrId;
     },
-    methods: {
-      //新增报价
-      xzbjOk() {
-        for (let i in this.xzbjForm) {
-          if (this.xzbjForm[i] === "" || this.xzbjForm[i].length == 0) {
-            this.$Message.error("请将信息填写完整！");
-            return false;
-          }
-        }
-        let postData = {
-          currentQuote: this.xzbjForm.dqbj,
-          gpId: this.gpId,
-          materieFirstClassifyId: this.xzbjForm.wpfl[0],
-          materieFirstClassifyName: this.xzbjForm.yjflmc,
-          materieSecondClassifyId: this.xzbjForm.wpfl[1],
-          materieSecondClassifyName: this.xzbjForm.ejflmc,
-          materielName: this.bjwpList.filter(
-            (a) => a.sgId == this.xzbjForm.bjwp
-          )[0].sgName,
-          materielNumber: this.xzbjForm.wpbm,
-          quoteName: this.xzbjForm.bjr,
-          quoteTime: this.xzbjForm.bjsj,
-          specs: this.xzbjForm.ggxh,
-          unit: this.xzbjForm.jldw,
-          unitPrice: this.xzbjForm.hsdj,
-        };
-        if (this.modelType == "add") {
-          addGoodProviderQuoteRecord(postData).then((res) => {
-            if (res.status == 200) {
-              this.$Message.success("新增报价成功！");
+    deleteBj(row) {
+      this.$Modal.confirm({
+        title: "删除",
+        content: "是否确定删除该报价？",
+        okText: "确定",
+        onOk: () => {
+          deleteGoodProviderQuoteRecord(row.gpqrId).then((res) => {
+            if ((res.status = 200)) {
+              this.$Message.success("删除成功！");
               this.getTable2Data();
-              this.xzbjCancel();
-            } else {
-              this.$Message.error(res.message);
-            }
-          });
-        } else if (this.modelType == "edit") {
-          postData.gpqrId = this.xzbjEditId;
-          updateGoodProviderQuoteRecord(postData).then((res) => {
-            if (res.status == 200) {
-              this.$Message.success("编辑报价成功！");
-              this.getTable2Data();
-              this.xzbjCancel();
             } else {
               this.$Message.error(res.message);
             }
           });
+        },
+      });
+    },
+    addXzbj() {
+      this.modelType = "add";
+      this.xzbjTitle = "新增报价";
+      this.xzbjShow = true;
+    },
+    //报价 -- 物品分类切换
+    wpflChange(val, data) {
+      // console.log(data);
+      this.xzbjForm.yjflmc = data[0].label;
+      this.xzbjForm.ejflmc = data[1].label;
+      let postData = {
+        gcParentid: val[0],
+        gcId: val[1],
+      };
+      tbiStockGoods(postData).then((res) => {
+        if (res.status == 200) {
+          this.bjwpList = res.data;
+          this.xzbjForm.bjwp = "";
         }
-      },
-      xzbjCancel() {
-        this.xzbjEditId = "";
-        this.xzbjForm.yjflmc = "";
-        this.xzbjForm.ejflmc = "";
-        this.xzbjForm.wpfl = [];
-        this.xzbjForm.bjwp = "";
-        this.xzbjForm.wpbm = "";
-        this.xzbjForm.ggxh = "";
-        this.xzbjForm.jldw = "";
-        this.xzbjForm.hsdj = "";
-        this.xzbjForm.bjsj = "";
-        this.xzbjForm.bjr = "";
-        this.xzbjForm.dqbj = 0;
-        this.xzbjShow = false;
-      },
-      editBj(row) {
-        this.modelType = "edit";
-        this.xzbjTitle = "报价详情";
-        this.xzbjShow = true;
-        this.xzbjForm.wpfl = [
-          row.materieFirstClassifyId,
-          row.materieSecondClassifyId,
-        ];
+      });
+    },
+    //报价 --  报价物品切换
+    bjwpChange(val) {
+      let arr = this.bjwpList.filter((a) => a.sgId == val);
+      if (arr.length == 0) {
+        return false;
+      }
+      this.xzbjForm.wpbm = arr[0].sgNo;
+      this.xzbjForm.ggxh = arr[0].standardModel;
+      this.xzbjForm.jldw = arr[0].measureUnit;
+      this.xzbjForm.hsdj = arr[0].salePrice;
+    },
+    //引入人员
+    yrryOk() {},
+    yrryCancel() {
+      this.yrryForm.xm = "";
+      this.yrryForm.dh = "";
+    },
+    //新增银行账号
+    addXzyhzh() {
+      this.xzyhzhShow = true;
+      this.modelType = "add";
+      this.xzyhzhTitle = "新增账号";
+    },
+    xzyhzhOk() {
+      for (let key in this.xzyhzhForm) {
+        if (this.xzyhzhForm[key] === "") {
+          this.$Message.error("请将信息填写完整!");
+          console.log(this.xzyhzhForm[key]);
+          return false;
+        }
+      }
+      if (this.modelType == "add") {
         let postData = {
-          gcParentid: row.materieFirstClassifyId,
-          gcId: row.materieSecondClassifyId,
+          gpId: this.gpId,
+          bankNumber: this.xzyhzhForm.lhh,
+          gpbcDefault: this.xzyhzhForm.mryhzh,
+          accountHolder: this.xzyhzhForm.khr,
+          bank: this.xzyhzhForm.khh,
+          unionpay: this.xzyhzhForm.ylh,
+          remark: this.xzyhzhForm.bz,
         };
-        tbiStockGoods(postData).then((res) => {
+        addGoodProviderBankCard(postData).then((res) => {
           if (res.status == 200) {
-            this.bjwpList = res.data;
-            this.xzbjForm.bjwp = res.data.filter(
-              (a) => a.sgName == row.materielName
-            )[0].sgId;
+            this.$Message.success("新增银行账号成功！");
+            this.getTable4Data();
+            this.xzyhzhCancel();
+          } else {
+            this.$Message.error(res.message);
           }
         });
-        this.xzbjForm.yjflmc = row.materieFirstClassifyName;
-        this.xzbjForm.ejflmc = row.materieSecondClassifyName;
-        this.xzbjForm.wpbm = row.materielNumber;
-        this.xzbjForm.ggxh = row.specs;
-        this.xzbjForm.jldw = row.unit;
-        this.xzbjForm.hsdj = row.unitPrice;
-        this.xzbjForm.bjsj = row.quoteTime;
-        this.xzbjForm.bjr = row.quoteName;
-        this.xzbjForm.dqbj = row.currentQuote;
-        this.xzbjEditId = row.gpqrId;
-      },
-      deleteBj(row) {
-        this.$Modal.confirm({
-          title: "删除",
-          content: "是否确定删除该报价？",
-          okText: "确定",
-          onOk: () => {
-            deleteGoodProviderQuoteRecord(row.gpqrId).then((res) => {
-              if ((res.status = 200)) {
-                this.$Message.success("删除成功！");
-                this.getTable2Data();
-              } else {
-                this.$Message.error(res.message);
-              }
-            });
-          },
-        });
-      },
-      addXzbj() {
-        this.modelType = "add";
-        this.xzbjTitle = "新增报价";
-        this.xzbjShow = true;
-      },
-      //报价 -- 物品分类切换
-      wpflChange(val, data) {
-        // console.log(data);
-        this.xzbjForm.yjflmc = data[0].label;
-        this.xzbjForm.ejflmc = data[1].label;
+      } else if (this.modelType == "edit") {
         let postData = {
-          gcParentid: val[0],
-          gcId: val[1],
+          gpId: this.gpId,
+          gpbcId: this.xzyhzhEditId,
+          gpbcDefault: this.xzyhzhForm.mryhzh,
+          accountHolder: this.xzyhzhForm.khr,
+          bank: this.xzyhzhForm.khh,
+          unionpay: this.xzyhzhForm.ylh,
+          bankNumber: this.xzyhzhForm.lhh,
+          remark: this.xzyhzhForm.bz,
         };
-        tbiStockGoods(postData).then((res) => {
+        updateGoodProviderBankCard(postData).then((res) => {
           if (res.status == 200) {
-            this.bjwpList = res.data;
-            this.xzbjForm.bjwp = "";
+            this.$Message.success("编辑银行账号成功！");
+            this.getTable4Data();
+            this.xzyhzhCancel();
+          } else {
+            this.$Message.error(res.message);
           }
         });
-      },
-      //报价 --  报价物品切换
-      bjwpChange(val) {
-        let arr = this.bjwpList.filter((a) => a.sgId == val);
-        if (arr.length == 0) {
-          return false;
-        }
-        this.xzbjForm.wpbm = arr[0].sgNo;
-        this.xzbjForm.ggxh = arr[0].standardModel;
-        this.xzbjForm.jldw = arr[0].measureUnit;
-        this.xzbjForm.hsdj = arr[0].salePrice;
-      },
-      //引入人员
-      yrryOk() {},
-      yrryCancel() {
-        this.yrryForm.xm = "";
-        this.yrryForm.dh = "";
-      },
-      //新增银行账号
-      addXzyhzh() {
-        this.xzyhzhShow = true;
-        this.modelType = "add";
-        this.xzyhzhTitle = "新增账号";
-      },
-      xzyhzhOk() {
-        for (let key in this.xzyhzhForm) {
-          if (this.xzyhzhForm[key] === "") {
-            this.$Message.error("请将信息填写完整!");
-            console.log(this.xzyhzhForm[key]);
-            return false;
-          }
-        }
-        if (this.modelType == "add") {
-          let postData = {
-            gpId: this.gpId,
-            bankNumber: this.xzyhzhForm.lhh,
-            gpbcDefault: this.xzyhzhForm.mryhzh,
-            accountHolder: this.xzyhzhForm.khr,
-            bank: this.xzyhzhForm.khh,
-            unionpay: this.xzyhzhForm.ylh,
-            remark: this.xzyhzhForm.bz,
-          };
-          addGoodProviderBankCard(postData).then((res) => {
-            if (res.status == 200) {
-              this.$Message.success("新增银行账号成功！");
-              this.getTable4Data();
-              this.xzyhzhCancel();
-            } else {
-              this.$Message.error(res.message);
-            }
-          });
-        } else if (this.modelType == "edit") {
-          let postData = {
-            gpId: this.gpId,
-            gpbcId: this.xzyhzhEditId,
-            gpbcDefault: this.xzyhzhForm.mryhzh,
-            accountHolder: this.xzyhzhForm.khr,
-            bank: this.xzyhzhForm.khh,
-            unionpay: this.xzyhzhForm.ylh,
-            bankNumber: this.xzyhzhForm.lhh,
-            remark: this.xzyhzhForm.bz,
-          };
-          updateGoodProviderBankCard(postData).then((res) => {
-            if (res.status == 200) {
-              this.$Message.success("编辑银行账号成功！");
+      }
+    },
+    editYhzh(row) {
+      this.modelType = "edit";
+      this.xzyhzhTitle = "编辑账号";
+      this.xzyhzhForm.khr = row.accountHolder;
+      this.xzyhzhForm.khh = row.bank;
+      this.xzyhzhForm.ylh = row.unionpay;
+      this.xzyhzhForm.bz = row.remark;
+      this.xzyhzhForm.mryhzh = row.gpbcDefault;
+      this.xzyhzhEditId = row.gpbcId;
+      this.xzyhzhForm.lhh = row.bankNumber;
+      this.xzyhzhShow = true;
+    },
+    deleteYhzh(row) {
+      this.$Modal.confirm({
+        title: "删除",
+        content: "是否确定删除该银行账号？",
+        okText: "确定",
+        onOk: () => {
+          deleteGoodProviderBankCard(row.gpbcId).then((res) => {
+            if ((res.status = 200)) {
+              this.$Message.success("删除成功！");
               this.getTable4Data();
-              this.xzyhzhCancel();
-            } else {
-              this.$Message.error(res.message);
-            }
-          });
-        }
-      },
-      editYhzh(row) {
-        this.modelType = "edit";
-        this.xzyhzhTitle = "编辑账号";
-        this.xzyhzhForm.khr = row.accountHolder;
-        this.xzyhzhForm.khh = row.bank;
-        this.xzyhzhForm.ylh = row.unionpay;
-        this.xzyhzhForm.bz = row.remark;
-        this.xzyhzhForm.mryhzh = row.gpbcDefault;
-        this.xzyhzhEditId = row.gpbcId;
-        this.xzyhzhForm.lhh = row.bankNumber;
-        this.xzyhzhShow = true;
-      },
-      deleteYhzh(row) {
-        this.$Modal.confirm({
-          title: "删除",
-          content: "是否确定删除该银行账号？",
-          okText: "确定",
-          onOk: () => {
-            deleteGoodProviderBankCard(row.gpbcId).then((res) => {
-              if ((res.status = 200)) {
-                this.$Message.success("删除成功！");
-                this.getTable4Data();
-              } else {
-                this.$Message.error(res.message);
-              }
-            });
-          },
-        });
-      },
-      xzyhzhCancel() {
-        this.xzyhzhForm.khr = "";
-        this.xzyhzhForm.khh = "";
-        this.xzyhzhForm.lhh = "";
-        this.xzyhzhForm.ylh = "";
-        this.xzyhzhForm.mryhzh = 0;
-        this.xzyhzhForm.bz = "";
-        this.xzyhzhEditId = "";
-        this.xzyhzhShow = false;
-      },
-      //新增人员
-      addXzry() {
-        this.xzryShow = true;
-        this.modelType = "add";
-        this.xzryTitle = "新增人员";
-      },
-      xzryOk() {
-        for (let key in this.xzryForm) {
-          if (this.xzryForm[key] === "") {
-            this.$Message.error("请将信息填写完整!");
-            console.log(this.xzryForm[key]);
-            return false;
-          }
-        }
-        if (this.modelType == "add") {
-          let postData = {
-            gpId: this.gpId,
-            gpcDefault: this.xzryForm.mrlxr,
-            gpcName: this.xzryForm.xm,
-            gpcSex: this.xzryForm.xb,
-            gpcPhone: this.xzryForm.dh,
-            gpcEmail: this.xzryForm.yx,
-            gpcStation: this.xzryForm.gw,
-          };
-          addGoodProviderContact(postData).then((res) => {
-            if (res.status == 200) {
-              this.$Message.success("新增联系人成功！");
-              this.getTable3Data();
-              this.xzryCancel();
-            } else {
-              this.$Message.error(res.message);
-            }
-          });
-        } else if (this.modelType == "edit") {
-          let postData = {
-            gpId: this.gpId,
-            gpcDefault: this.xzryForm.mrlxr,
-            gpcName: this.xzryForm.xm,
-            gpcSex: this.xzryForm.xb,
-            gpcPhone: this.xzryForm.dh,
-            gpcEmail: this.xzryForm.yx,
-            gpcStation: this.xzryForm.gw,
-            gpcId: this.xzryEditId,
-          };
-          updateGoodProviderContact(postData).then((res) => {
-            if (res.status == 200) {
-              this.$Message.success("编辑联系人成功！");
-              this.getTable3Data();
-              this.xzryCancel();
             } else {
               this.$Message.error(res.message);
             }
           });
+        },
+      });
+    },
+    xzyhzhCancel() {
+      this.xzyhzhForm.khr = "";
+      this.xzyhzhForm.khh = "";
+      this.xzyhzhForm.lhh = "";
+      this.xzyhzhForm.ylh = "";
+      this.xzyhzhForm.mryhzh = 0;
+      this.xzyhzhForm.bz = "";
+      this.xzyhzhEditId = "";
+      this.xzyhzhShow = false;
+    },
+    //新增人员
+    addXzry() {
+      this.xzryShow = true;
+      this.modelType = "add";
+      this.xzryTitle = "新增人员";
+    },
+    xzryOk() {
+      for (let key in this.xzryForm) {
+        if (this.xzryForm[key] === "") {
+          this.$Message.error("请将信息填写完整!");
+          console.log(this.xzryForm[key]);
+          return false;
         }
-      },
-      editRy(row) {
-        this.xzryShow = true;
-        this.modelType = "edit";
-        this.xzryTitle = "编辑人员";
-        this.xzryForm.xm = row.gpcName;
-        this.xzryForm.xb = row.gpcSex;
-        this.xzryForm.dh = row.gpcPhone;
-        this.xzryForm.mrlxr = row.gpcDefault;
-        this.xzryForm.yx = row.gpcEmail;
-        this.xzryForm.gw = row.gpcStation;
-        this.xzryEditId = row.gpcId;
-        this.xzryShow = true;
-      },
-      deleteRy(row) {
-        this.$Modal.confirm({
-          title: "删除",
-          content: "是否确定删除该联系人？",
-          okText: "确定",
-          onOk: () => {
-            deleteGoodProviderContact(row.gpcId).then((res) => {
-              if ((res.status = 200)) {
-                this.$Message.success("删除成功！");
-                this.getTable3Data();
-              }
-            });
-          },
-        });
-      },
-      xzryCancel() {
-        this.xzryForm.xm = "";
-        this.xzryForm.xb = 1;
-        this.xzryForm.dh = "";
-        this.xzryForm.mrlxr = 0;
-        this.xzryForm.yx = "";
-        this.xzryForm.gw = "";
-        this.xzryEditId = "";
-        this.xzryShow = false;
-      },
-      //表单数据获取
-      getData() {
-        this.spinShow = false;
-      },
-      //表单上传
-      beforeUpload() {},
-      upFilesLoading() {
-        this.uploading = true;
-      },
-      uploadFilesSuccess(response, file, fileList) {
-        this.uploading = false;
-        this.form.filesList.push({
-          fileName: response.data.fileName,
-          // fullName: response.data.fName,
-          filePath: response.data.filePath,
-          // fileDetailType: ""
-        });
-      },
-      //列表方法 1-供货详情 2-报价记录 3-联系人 4-银行账号
-      getTable1Data() {
+      }
+      if (this.modelType == "add") {
         let postData = {
           gpId: this.gpId,
-          startIndex: this.page1Num,
-          pageSize: 10,
+          gpcDefault: this.xzryForm.mrlxr,
+          gpcName: this.xzryForm.xm,
+          gpcSex: this.xzryForm.xb,
+          gpcPhone: this.xzryForm.dh,
+          gpcEmail: this.xzryForm.yx,
+          gpcStation: this.xzryForm.gw,
         };
-        stockGoodsByGpID(postData).then((res) => {
+        addGoodProviderContact(postData).then((res) => {
           if (res.status == 200) {
-            this.table1Data = res.data;
-            this.page1Total = res.data.total;
+            this.$Message.success("新增联系人成功！");
+            this.getTable3Data();
+            this.xzryCancel();
           } else {
-            this.$message.error(res.message);
+            this.$Message.error(res.message);
           }
         });
-      },
-      getTable2Data() {
-        let pageStr = `10/${this.page2Num}?gpId=${this.gpId}`;
-        let postData = {
-          // gpId: this.gpId
-        };
-        this.tableLoading = true;
-        goodProviderQuoteRecordPageList(postData, pageStr).then((res) => {
-          if (res.status == 200) {
-            this.table2Data = res.data.records;
-            this.page2Total = res.data.total;
-          }
-          this.tableLoading = false;
-        });
-      },
-      getTable3Data() {
-        let pageStr = `10/${this.page3Num}?gpId=${this.gpId}`;
+      } else if (this.modelType == "edit") {
         let postData = {
           gpId: this.gpId,
+          gpcDefault: this.xzryForm.mrlxr,
+          gpcName: this.xzryForm.xm,
+          gpcSex: this.xzryForm.xb,
+          gpcPhone: this.xzryForm.dh,
+          gpcEmail: this.xzryForm.yx,
+          gpcStation: this.xzryForm.gw,
+          gpcId: this.xzryEditId,
         };
-        this.tableLoading = true;
-        goodProviderContactPageList(postData, pageStr).then((res) => {
-          this.tableLoading = false;
+        updateGoodProviderContact(postData).then((res) => {
           if (res.status == 200) {
-            this.table3Data = res.data.records;
-            this.page3Total = res.data.total;
+            this.$Message.success("编辑联系人成功！");
+            this.getTable3Data();
+            this.xzryCancel();
+          } else {
+            this.$Message.error(res.message);
           }
         });
-      },
-      getTable4Data() {
-        let pageStr = `10/${this.page4Num}?gpId=${this.gpId}`;
-        let postData = {
-          gpId: this.gpId,
-        };
-        this.tableLoading = true;
-        goodProviderBankCardPageList(postData, pageStr).then((res) => {
-          this.tableLoading = false;
+      }
+    },
+    editRy(row) {
+      this.xzryShow = true;
+      this.modelType = "edit";
+      this.xzryTitle = "编辑人员";
+      this.xzryForm.xm = row.gpcName;
+      this.xzryForm.xb = row.gpcSex;
+      this.xzryForm.dh = row.gpcPhone;
+      this.xzryForm.mrlxr = row.gpcDefault;
+      this.xzryForm.yx = row.gpcEmail;
+      this.xzryForm.gw = row.gpcStation;
+      this.xzryEditId = row.gpcId;
+      this.xzryShow = true;
+    },
+    deleteRy(row) {
+      this.$Modal.confirm({
+        title: "删除",
+        content: "是否确定删除该联系人？",
+        okText: "确定",
+        onOk: () => {
+          deleteGoodProviderContact(row.gpcId).then((res) => {
+            if ((res.status = 200)) {
+              this.$Message.success("删除成功！");
+              this.getTable3Data();
+            }
+          });
+        },
+      });
+    },
+    xzryCancel() {
+      this.xzryForm.xm = "";
+      this.xzryForm.xb = 1;
+      this.xzryForm.dh = "";
+      this.xzryForm.mrlxr = 0;
+      this.xzryForm.yx = "";
+      this.xzryForm.gw = "";
+      this.xzryEditId = "";
+      this.xzryShow = false;
+    },
+    //表单数据获取
+    getData() {
+      this.spinShow = false;
+    },
+    //表单上传
+    beforeUpload() {},
+    upFilesLoading() {
+      this.uploading = true;
+    },
+    uploadFilesSuccess(response, file, fileList) {
+      this.uploading = false;
+      this.form.filesList.push({
+        fileName: response.data.fileName,
+        // fullName: response.data.fName,
+        filePath: response.data.filePath,
+        // fileDetailType: ""
+      });
+    },
+    //列表方法 1-供货详情 2-报价记录 3-联系人 4-银行账号
+    getTable1Data() {
+      let postData = {
+        gpId: this.gpId,
+        startIndex: this.page1Num,
+        pageSize: 10,
+      };
+      stockGoodsByGpID(postData).then((res) => {
+        if (res.status == 200) {
+          this.table1Data = res.data;
+          this.page1Total = res.data.total;
+        } else {
+          this.$message.error(res.message);
+        }
+      });
+    },
+    getTable2Data() {
+      let pageStr = `10/${this.page2Num}?gpId=${this.gpId}`;
+      let postData = {
+        // gpId: this.gpId
+      };
+      this.tableLoading = true;
+      goodProviderQuoteRecordPageList(postData, pageStr).then((res) => {
+        if (res.status == 200) {
+          this.table2Data = res.data.records;
+          this.page2Total = res.data.total;
+        }
+        this.tableLoading = false;
+      });
+    },
+    getTable3Data() {
+      let pageStr = `10/${this.page3Num}?gpId=${this.gpId}`;
+      let postData = {
+        gpId: this.gpId,
+      };
+      this.tableLoading = true;
+      goodProviderContactPageList(postData, pageStr).then((res) => {
+        this.tableLoading = false;
+        if (res.status == 200) {
+          this.table3Data = res.data.records;
+          this.page3Total = res.data.total;
+        }
+      });
+    },
+    getTable4Data() {
+      let pageStr = `10/${this.page4Num}?gpId=${this.gpId}`;
+      let postData = {
+        gpId: this.gpId,
+      };
+      this.tableLoading = true;
+      goodProviderBankCardPageList(postData, pageStr).then((res) => {
+        this.tableLoading = false;
+        if (res.status == 200) {
+          this.table4Data = res.data.records;
+          this.page4Total = res.data.total;
+        }
+      });
+    },
+    page1Change(val) {
+      this.page1Num = val;
+      this.getTable1Data();
+    },
+    page2Change(val) {
+      this.page2Num = val;
+      this.getTable2Data();
+    },
+    page3Change(val) {
+      this.page3Num = val;
+      this.getTable3Data();
+    },
+    page4Change(val) {
+      this.page4Num = val;
+      this.getTable4Data();
+    },
+    //返回/取消
+    cancel() {
+      this.form.gysmc = "";
+      this.form.gysjc = "";
+      this.form.gyslxr = "";
+      this.form.gyslxdh = "";
+      this.form.gysfl = "";
+      this.form.gyspj = "";
+      this.form.ssqy = "";
+      this.form.fgcgy = "";
+      this.form.qyzt = "1";
+      this.form.clsj = "";
+      this.form.frdb = "";
+      this.form.ybnsr = "";
+      this.form.swdjh = "";
+      this.form.yyzz = "";
+      this.form.dwxz = "";
+      this.form.zczb = "";
+      this.form.zcgm = "";
+      this.form.zqts = "";
+      this.form.ylh = "";
+      this.form.sf = "";
+      this.form.yb = "";
+      this.form.email = "";
+      this.form.fax = "";
+      this.form.cjsj = "";
+      this.form.cjr = localStorage.user_name;
+      this.form.zyyw = "";
+      this.form.gysdz = "";
+      this.form.bz = "";
+      this.form.filesList = [];
+      this.tabs = "1";
+      this.$emit("return");
+    },
+    //获取详情数据
+    getGys() {
+      this.$nextTick(() => {
+        this.spinShow = true;
+        goodProviderDetails(this.gpId).then((res) => {
+          this.spinShow = false;
           if (res.status == 200) {
-            this.table4Data = res.data.records;
-            this.page4Total = res.data.total;
+            let data = res.data;
+            let arr = [];
+            this.form.gysbm = data.gpNumber;
+            this.form.gysmc = data.gpName;
+            this.form.gysjc = data.gpAbbreviation;
+            this.form.gyslxr = data.gpLinker;
+            this.form.gyslxdh = data.gpLinkTell;
+            this.form.qyzt = data.gpEnabledState;
+            this.form.clsj = data.gpEstablishTime;
+            this.form.frdb = data.gpCorporateRepresentative;
+            this.form.ybnsr = data.gpCommonlyTaxpayer;
+            this.form.swdjh = data.gpTaxRegistrationNo;
+            this.form.yyzz = data.gpBusinessLicense;
+            this.form.zczb = data.gpRegisteredCapital;
+            this.form.zcgm = data.gpAssets;
+            this.form.zqts = data.gpAccountPeriod;
+            this.form.ylh = data.gpUnionpayNo;
+            this.form.sf = data.gpProvince;
+            this.form.yb = data.gpPostalCode;
+            this.form.email = data.gpEmail;
+            this.form.fax = data.gpFax;
+            this.form.zyyw = data.mainBusiness;
+            this.form.gysdz = data.gpAddress;
+            this.form.cjsj = data.createDate;
+            this.form.cjr = data.creator;
+            this.form.bz = data.gpRemark;
+            this.form.filesList = data.attachments;
+            this.form.dwxz = data.gpUnitProperty;
+            this.form.gysfl = data.gpClassifyId;
+            this.form.gyspj = data.gpGradeId;
+            this.form.fgcgy = data.gpBuyerId;
+            let ssqy = data.gpRegionName.split(",");
+            for (let i = 0; i < ssqy.length; i++) {
+              arr.push(
+                this.ssqyList.filter((a) => a.areaName == ssqy[i])[0].areaId
+              );
+            }
+            this.form.ssqy = arr;
           }
         });
-      },
-      page1Change(val) {
-        this.page1Num = val;
         this.getTable1Data();
-      },
-      page2Change(val) {
-        this.page2Num = val;
         this.getTable2Data();
-      },
-      page3Change(val) {
-        this.page3Num = val;
         this.getTable3Data();
-      },
-      page4Change(val) {
-        this.page4Num = val;
         this.getTable4Data();
-      },
-      //返回/取消
-      cancel() {
-        this.form.gysmc = "";
-        this.form.gysjc = "";
-        this.form.gyslxr = "";
-        this.form.gyslxdh = "";
-        this.form.gysfl = "";
-        this.form.gyspj = "";
-        this.form.ssqy = "";
-        this.form.fgcgy = "";
-        this.form.qyzt = "1";
-        this.form.clsj = "";
-        this.form.frdb = "";
-        this.form.ybnsr = "";
-        this.form.swdjh = "";
-        this.form.yyzz = "";
-        this.form.dwxz = "";
-        this.form.zczb = "";
-        this.form.zcgm = "";
-        this.form.zqts = "";
-        this.form.ylh = "";
-        this.form.sf = "";
-        this.form.yb = "";
-        this.form.email = "";
-        this.form.fax = "";
-        this.form.cjsj = "";
-        this.form.cjr = localStorage.user_name;
-        this.form.zyyw = "";
-        this.form.gysdz = "";
-        this.form.bz = "";
-        this.form.filesList = [];
-        this.tabs = "1";
-        this.$emit("return");
-      },
-      //获取详情数据
-      getGys() {
-        this.$nextTick(() => {
-          this.spinShow = true;
-          goodProviderDetails(this.gpId).then((res) => {
-            this.spinShow = false;
-            if (res.status == 200) {
-              let data = res.data;
-              let arr = [];
-              this.form.gysbm = data.gpNumber;
-              this.form.gysmc = data.gpName;
-              this.form.gysjc = data.gpAbbreviation;
-              this.form.gyslxr = data.gpLinker;
-              this.form.gyslxdh = data.gpLinkTell;
-              this.form.qyzt = data.gpEnabledState;
-              this.form.clsj = data.gpEstablishTime;
-              this.form.frdb = data.gpCorporateRepresentative;
-              this.form.ybnsr = data.gpCommonlyTaxpayer;
-              this.form.swdjh = data.gpTaxRegistrationNo;
-              this.form.yyzz = data.gpBusinessLicense;
-              this.form.zczb = data.gpRegisteredCapital;
-              this.form.zcgm = data.gpAssets;
-              this.form.zqts = data.gpAccountPeriod;
-              this.form.ylh = data.gpUnionpayNo;
-              this.form.sf = data.gpProvince;
-              this.form.yb = data.gpPostalCode;
-              this.form.email = data.gpEmail;
-              this.form.fax = data.gpFax;
-              this.form.zyyw = data.mainBusiness;
-              this.form.gysdz = data.gpAddress;
-              this.form.cjsj = data.createDate;
-              this.form.cjr = data.creator;
-              this.form.bz = data.gpRemark;
-              this.form.filesList = data.attachments;
-              this.form.dwxz = data.gpUnitProperty;
-              this.form.gysfl = data.gpClassifyId;
-              this.form.gyspj = data.gpGradeId;
-              this.form.fgcgy = data.gpBuyerId;
-              let ssqy = data.gpRegionName.split(",");
-              for (let i = 0; i < ssqy.length; i++) {
-                arr.push(
-                  this.ssqyList.filter((a) => a.areaName == ssqy[i])[0].areaId
-                );
-              }
-              this.form.ssqy = arr;
-            }
-          });
-          this.getTable1Data();
-          this.getTable2Data();
-          this.getTable3Data();
-          this.getTable4Data();
-        });
-      },
-      //编辑数据上传
-      editGys() {
-        let mustArr = ["gysmc", "gysjc", "gyslxr", "gyslxdh"];
-        for (let i in mustArr) {
-          if (mustArr[i] == "gyslxdh") {
-            if (!phoneFun(this.form[mustArr[i]])) {
-              this.$Message.error("请填写正确的供应商联系电话！");
-              return false;
-            }
-          }
-          if (!this.form[mustArr[i]]) {
-            this.$Message.error("请将信息填写完整！");
-            return false;
-          }
-          if (this.form[mustArr[i]] == "" || this.form[mustArr[i]].length == 0) {
-            this.$Message.error("请将信息填写完整！");
+      });
+    },
+    //编辑数据上传
+    editGys() {
+      let mustArr = ["gysmc", "gysjc", "gyslxr", "gyslxdh"];
+      for (let i in mustArr) {
+        if (mustArr[i] == "gyslxdh") {
+          if (!phoneFun(this.form[mustArr[i]])) {
+            this.$Message.error("请填写正确的供应商联系电话！");
             return false;
           }
         }
-        let arr = [];
-        for (let i = 0; i < this.form.ssqy.length; i++) {
-          arr.push(
-            this.ssqyList.filter((a) => a.areaId == this.form.ssqy[i])[0].areaName
-          );
+        if (!this.form[mustArr[i]]) {
+          this.$Message.error("请将信息填写完整！");
+          return false;
         }
-        let gpClassifyName1 = this.gysflList.filter(
-          (a) => a.detailId == this.form.gysfl
-        );
-        let gpGradeName1 = this.gyspjList.filter(
-          (a) => a.detailId == this.form.gyspj
-        );
-        let gpBuyerName1 = this.fgcgyList.filter(
-          (a) => a.userId == this.form.fgcgy
+        if (this.form[mustArr[i]] == "" || this.form[mustArr[i]].length == 0) {
+          this.$Message.error("请将信息填写完整！");
+          return false;
+        }
+      }
+      let arr = [];
+      for (let i = 0; i < this.form.ssqy.length; i++) {
+        arr.push(
+          this.ssqyList.filter((a) => a.areaId == this.form.ssqy[i])[0].areaName
         );
-        let postData = {
-          gpId: this.gpId,
-          gpName: this.form.gysmc,
-          gpAbbreviation: this.form.gysjc,
-          gpLinker: this.form.gyslxr,
-          gpLinkTell: this.form.gyslxdh,
-          gpClassifyId: this.form.gysfl,
-          gpClassifyName: gpClassifyName1.length > 0 ? gpClassifyName1[0].detailName : "",
-          gpGradeId: this.form.gyspj,
-          gpGradeName: gpGradeName1.length > 0 ? gpGradeName1[0].detailName : "",
-          gpRegionId: this.form.ssqy.join(","),
-          gpRegionName: arr.join(","),
-          gpBuyerId: this.form.fgcgy,
-          gpBuyerName: gpBuyerName1 > 0 ? gpBuyerName1[0].userName : "",
-          gpEnabledState: this.form.qyzt,
-          gpEstablishTime: this.form.clsj,
-          gpCorporateRepresentative: this.form.frdb,
-          gpCommonlyTaxpayer: this.form.ybnsr,
-          gpTaxRegistrationNo: this.form.swdjh,
-          gpBusinessLicense: this.form.yyzz,
-          gpUnitProperty: this.form.dwxz,
-          gpRegisteredCapital: Number(this.form.zczb),
-          gpAssets: Number(this.form.zcgm),
-          gpAccountPeriod: this.form.zqts,
-          gpUnionpayNo: this.form.ylh,
-          gpProvince: this.form.sf,
-          gpPostalCode: this.form.yb,
-          gpEmail: this.form.email,
-          gpFax: this.form.fax,
-          mainBusiness: this.form.zyyw,
-          gpAddress: this.form.gysdz,
-          gpRemark: this.form.bz,
-          attachments: this.form.filesList,
-        };
-        this.spinShow = true;
-        updateGoodProvider(postData).then((res) => {
-          this.spinShow = false;
-          if (res.status == 200) {
-            this.editing = false;
-            this.$Message.success("编辑供应商成功！");
-          }
-        });
-      },
+      }
+      let gpClassifyName1 = this.gysflList.filter(
+        (a) => a.detailId == this.form.gysfl
+      );
+      let gpGradeName1 = this.gyspjList.filter(
+        (a) => a.detailId == this.form.gyspj
+      );
+      let gpBuyerName1 = this.fgcgyList.filter(
+        (a) => a.userId == this.form.fgcgy
+      );
+      let postData = {
+        gpId: this.gpId,
+        gpName: this.form.gysmc,
+        gpAbbreviation: this.form.gysjc,
+        gpLinker: this.form.gyslxr,
+        gpLinkTell: this.form.gyslxdh,
+        gpClassifyId: this.form.gysfl,
+        gpClassifyName:
+          gpClassifyName1.length > 0 ? gpClassifyName1[0].detailName : "",
+        gpGradeId: this.form.gyspj,
+        gpGradeName: gpGradeName1.length > 0 ? gpGradeName1[0].detailName : "",
+        gpRegionId: this.form.ssqy.join(","),
+        gpRegionName: arr.join(","),
+        gpBuyerId: this.form.fgcgy,
+        gpBuyerName: gpBuyerName1 > 0 ? gpBuyerName1[0].userName : "",
+        gpEnabledState: this.form.qyzt,
+        gpEstablishTime: this.form.clsj,
+        gpCorporateRepresentative: this.form.frdb,
+        gpCommonlyTaxpayer: this.form.ybnsr,
+        gpTaxRegistrationNo: this.form.swdjh,
+        gpBusinessLicense: this.form.yyzz,
+        gpUnitProperty: this.form.dwxz,
+        gpRegisteredCapital: Number(this.form.zczb),
+        gpAssets: Number(this.form.zcgm),
+        gpAccountPeriod: this.form.zqts,
+        gpUnionpayNo: this.form.ylh,
+        gpProvince: this.form.sf,
+        gpPostalCode: this.form.yb,
+        gpEmail: this.form.email,
+        gpFax: this.form.fax,
+        mainBusiness: this.form.zyyw,
+        gpAddress: this.form.gysdz,
+        gpRemark: this.form.bz,
+        attachments: this.form.filesList,
+      };
+      this.spinShow = true;
+      updateGoodProvider(postData).then((res) => {
+        this.spinShow = false;
+        if (res.status == 200) {
+          this.editing = false;
+          this.$Message.success("编辑供应商成功！");
+        }
+      });
     },
-  };
-
+  },
+};
 </script>
 
 <style lang="scss" scoped>
-  .mustSpan {
-    color: red;
-    margin-left: 2px;
-  }
+.mustSpan {
+  color: red;
+  margin-left: 2px;
+}
 
-  button {
-    min-width: 80px;
-  }
+button {
+  min-width: 80px;
+}
 
-  .uplCont {
-    border-left: 1px solid #e4e4e4;
-    border-bottom: 1px solid #e4e4e4;
+.uplCont {
+  border-left: 1px solid #e4e4e4;
+  border-bottom: 1px solid #e4e4e4;
 
-    &:nth-child(4) {
-      border-bottom: none;
-    }
-
-    .upl {
-      flex: auto;
-      min-height: 50px;
-      border-right: 1px solid #e4e4e4;
-      padding: 5px 0 5px 0.5%;
+  &:nth-child(4) {
+    border-bottom: none;
+  }
 
-      &:nth-child(1) {
-        background: #f8f9fb;
-        display: flex;
-        align-items: center;
-        justify-content: center;
-      }
-    }
+  .upl {
+    flex: auto;
+    min-height: 50px;
+    border-right: 1px solid #e4e4e4;
+    padding: 5px 0 5px 0.5%;
 
-    .uplf {
+    &:nth-child(1) {
+      background: #f8f9fb;
       display: flex;
       align-items: center;
       justify-content: center;
-      min-height: 80px;
     }
   }
 
-  .mainCont .tables {
-    min-height: 50px;
-    border-right: 1px solid #e4e4e4;
-    border-bottom: 1px solid #e4e4e4;
+  .uplf {
     display: flex;
     align-items: center;
     justify-content: center;
-
-    &:nth-child(2n + 1) {
-      background: #f8f9fb;
-    }
+    min-height: 80px;
   }
+}
 
-  .mainCont {
-    border-left: 1px solid #e4e4e4;
-    border-top: 1px solid #e4e4e4;
-  }
+.mainCont .tables {
+  min-height: 50px;
+  border-right: 1px solid #e4e4e4;
+  border-bottom: 1px solid #e4e4e4;
+  display: flex;
+  align-items: center;
+  justify-content: center;
 
-  ivu-card-head-inner,
-  .ivu-card-head p {
-    display: inline-block;
-    width: 100%;
-    height: 20px;
-    line-height: 20px;
-    font-size: 14px;
-    color: #17233d;
-    font-weight: 700;
-    overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-    font-weight: normal;
+  &:nth-child(2n + 1) {
+    background: #f8f9fb;
   }
+}
+
+.mainCont {
+  border-left: 1px solid #e4e4e4;
+  border-top: 1px solid #e4e4e4;
+}
 
+ivu-card-head-inner,
+.ivu-card-head p {
+  display: inline-block;
+  width: 100%;
+  height: 20px;
+  line-height: 20px;
+  font-size: 14px;
+  color: #17233d;
+  font-weight: 700;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  font-weight: normal;
+}
 </style>