|
@@ -26,34 +26,34 @@
|
|
</ws-button>
|
|
</ws-button>
|
|
</template>
|
|
</template>
|
|
</BaseHeaderLayout>
|
|
</BaseHeaderLayout>
|
|
- <el-table class="wenzi" :data="driverList.records" style="width: 100%; margin-top: 20px" fit ref="expandstable"
|
|
|
|
- :expand-row-keys="expands" :row-key="getRowKeys" height="calc(100% - 110px)">
|
|
|
|
- <el-table-column type="expand">
|
|
|
|
- <template slot-scope="props">
|
|
|
|
- <ws-form>
|
|
|
|
- <div v-for="item in props.row.driverPayeeInfoList">
|
|
|
|
- <ws-info-table>
|
|
|
|
- <ws-form-item :class="item.accountTypeFlag == 1 ? 'personage' : 'company'"
|
|
|
|
- v-if="item.accountTypeFlag == 1" label="收款人" span="1" prop="payeeName" class="el-car name">
|
|
|
|
- <div style="width: 100%">
|
|
|
|
- {{ item.payeeName }}
|
|
|
|
- </div>
|
|
|
|
- </ws-form-item>
|
|
|
|
- <ws-form-item :class="item.accountTypeFlag == 1 ? 'personage' : 'company'"
|
|
|
|
- v-if="item.accountTypeFlag == 2" label="企业名称" span="1" prop="compName" class="el-car">
|
|
|
|
- <div style="width: 100%">{{ item.compName }}</div>
|
|
|
|
- </ws-form-item>
|
|
|
|
- <ws-form-item :class="item.accountTypeFlag == 1 ? 'personage' : 'company'"
|
|
|
|
- v-if="item.accountTypeFlag == 1" label="身份证" span="1" prop="payeeNumberCard" class="el-car card">
|
|
|
|
- <div style="width: 100%">
|
|
|
|
- {{ item.payeeNumberCard }}
|
|
|
|
- <img width="12" height="13" src="../../../public/img/fujian-grey.png" alt=""
|
|
|
|
- @click="fujian1(item)" />
|
|
|
|
- </div>
|
|
|
|
- </ws-form-item>
|
|
|
|
- <ws-form-item :class="item.accountTypeFlag == 1 ? 'personage' : 'company'" label="开户行" span="1"
|
|
|
|
- prop="bankDeposit" class="el-car">
|
|
|
|
- <span style="
|
|
|
|
|
|
+ <el-table class="wenzi" :data="driverList.records" style="width: 100%; margin-top: 20px" fit ref="expandstable"
|
|
|
|
+ :expand-row-keys="expands" :row-key="getRowKeys" height="calc(100% - 110px)">
|
|
|
|
+ <el-table-column type="expand">
|
|
|
|
+ <template slot-scope="props">
|
|
|
|
+ <ws-form>
|
|
|
|
+ <div v-for="item in props.row.driverPayeeInfoList">
|
|
|
|
+ <ws-info-table>
|
|
|
|
+ <ws-form-item :class="item.accountTypeFlag == 1 ? 'personage' : 'company'"
|
|
|
|
+ v-if="item.accountTypeFlag == 1" label="收款人" span="1" prop="payeeName" class="el-car name">
|
|
|
|
+ <div style="width: 100%">
|
|
|
|
+ {{ item.payeeName }}
|
|
|
|
+ </div>
|
|
|
|
+ </ws-form-item>
|
|
|
|
+ <ws-form-item :class="item.accountTypeFlag == 1 ? 'personage' : 'company'"
|
|
|
|
+ v-if="item.accountTypeFlag == 2" label="企业名称" span="1" prop="compName" class="el-car">
|
|
|
|
+ <div style="width: 100%">{{ item.compName }}</div>
|
|
|
|
+ </ws-form-item>
|
|
|
|
+ <ws-form-item :class="item.accountTypeFlag == 1 ? 'personage' : 'company'"
|
|
|
|
+ v-if="item.accountTypeFlag == 1" label="身份证" span="1" prop="payeeNumberCard" class="el-car card">
|
|
|
|
+ <div style="width: 100%">
|
|
|
|
+ {{ item.payeeNumberCard }}
|
|
|
|
+ <img width="12" height="13" src="../../../public/img/fujian-grey.png" alt=""
|
|
|
|
+ @click="fujian1(item)" />
|
|
|
|
+ </div>
|
|
|
|
+ </ws-form-item>
|
|
|
|
+ <ws-form-item :class="item.accountTypeFlag == 1 ? 'personage' : 'company'" label="开户行" span="1"
|
|
|
|
+ prop="bankDeposit" class="el-car">
|
|
|
|
+ <span style="
|
|
margin: 10px;
|
|
margin: 10px;
|
|
display: inline-block;
|
|
display: inline-block;
|
|
border-right: 1px solid #e9ecf7;
|
|
border-right: 1px solid #e9ecf7;
|
|
@@ -66,91 +66,90 @@
|
|
line-height: 20px;
|
|
line-height: 20px;
|
|
white-space: normal;
|
|
white-space: normal;
|
|
">{{ item.bankDepositBranch }}</span>
|
|
">{{ item.bankDepositBranch }}</span>
|
|
- </ws-form-item>
|
|
|
|
- <ws-form-item :class="item.accountTypeFlag == 1 ? 'personage' : 'company'" label="账号" span="1"
|
|
|
|
- prop="bankCard" class="el-car">
|
|
|
|
- <div style="width: 100%">{{ item.bankCard }}</div>
|
|
|
|
- </ws-form-item>
|
|
|
|
- </ws-info-table>
|
|
|
|
- </div>
|
|
|
|
- </ws-form>
|
|
|
|
- </template>
|
|
|
|
- </el-table-column>
|
|
|
|
- <el-table-column type="index" label="序号" width="80">
|
|
|
|
- <template scope="scope">
|
|
|
|
- <span v-if="scope.$index < 9">0{{ scope.$index + 1 }}</span>
|
|
|
|
- <span v-else>{{ scope.$index + 1 }}</span>
|
|
|
|
- </template>
|
|
|
|
- </el-table-column>
|
|
|
|
- <el-table-column prop="driverName" label="姓名" width="100">
|
|
|
|
- </el-table-column>
|
|
|
|
- <el-table-column prop="numberCard" label="身份证号" width="200">
|
|
|
|
- </el-table-column>
|
|
|
|
- <el-table-column prop="driverPhone" label="手机号" width="160">
|
|
|
|
- </el-table-column>
|
|
|
|
- <el-table-column prop="carNumber" label="车牌号" width="160">
|
|
|
|
- <template scope="scope">
|
|
|
|
- <ws-select v-model="scope.row.carNumber" placeholder="" class="typeselect"
|
|
|
|
- @change="selectcar($event, scope.row)">
|
|
|
|
- <ws-option v-for="item in scope.row.driverCarInfoList" :key="item.constKey" :label="item.carNumber"
|
|
|
|
- :value="item.carNumber" />
|
|
|
|
- </ws-select>
|
|
|
|
- </template>
|
|
|
|
- </el-table-column>
|
|
|
|
- <el-table-column prop="binNumber" label="常驻城市" width="160">
|
|
|
|
- <template slot-scope="scope">
|
|
|
|
- {{ scope.row.residentCityProvincial
|
|
|
|
|
|
+ </ws-form-item>
|
|
|
|
+ <ws-form-item :class="item.accountTypeFlag == 1 ? 'personage' : 'company'" label="账号" span="1"
|
|
|
|
+ prop="bankCard" class="el-car">
|
|
|
|
+ <div style="width: 100%">{{ item.bankCard }}</div>
|
|
|
|
+ </ws-form-item>
|
|
|
|
+ </ws-info-table>
|
|
|
|
+ </div>
|
|
|
|
+ </ws-form>
|
|
|
|
+ </template>
|
|
|
|
+ </el-table-column>
|
|
|
|
+ <el-table-column type="index" label="序号" width="80">
|
|
|
|
+ <template scope="scope">
|
|
|
|
+ <span v-if="scope.$index < 9">0{{ scope.$index + 1 }}</span>
|
|
|
|
+ <span v-else>{{ scope.$index + 1 }}</span>
|
|
|
|
+ </template>
|
|
|
|
+ </el-table-column>
|
|
|
|
+ <el-table-column prop="driverName" label="姓名" width="100">
|
|
|
|
+ </el-table-column>
|
|
|
|
+ <el-table-column prop="numberCard" label="身份证号" width="200">
|
|
|
|
+ </el-table-column>
|
|
|
|
+ <el-table-column prop="driverPhone" label="手机号" width="160">
|
|
|
|
+ </el-table-column>
|
|
|
|
+ <el-table-column prop="carNumber" label="车牌号" width="160">
|
|
|
|
+ <template scope="scope">
|
|
|
|
+ <ws-select v-model="scope.row.carNumber" placeholder="" class="typeselect"
|
|
|
|
+ @change="selectcar($event, scope.row)">
|
|
|
|
+ <ws-option v-for="item in scope.row.driverCarInfoList" :key="item.constKey" :label="item.carNumber"
|
|
|
|
+ :value="item.carNumber" />
|
|
|
|
+ </ws-select>
|
|
|
|
+ </template>
|
|
|
|
+ </el-table-column>
|
|
|
|
+ <el-table-column prop="binNumber" label="常驻城市" width="160">
|
|
|
|
+ <template slot-scope="scope">
|
|
|
|
+ {{ scope.row.residentCityProvincial
|
|
}}{{ scope.row.residentCityMunicipal }}
|
|
}}{{ scope.row.residentCityMunicipal }}
|
|
- </template>
|
|
|
|
- </el-table-column>
|
|
|
|
- <el-table-column prop="carModel" label="车型" width="120">
|
|
|
|
- </el-table-column>
|
|
|
|
- <el-table-column prop="carLength" label="车长" width="120">
|
|
|
|
- </el-table-column>
|
|
|
|
- <el-table-column label="结款账户" width="120">
|
|
|
|
- <template slot-scope="scope">
|
|
|
|
- <el-button v-if="!scope.row.expandsStatus" size="medium" type="text" class="fs-16"
|
|
|
|
- @click="expandsHandle(scope.row)">展开<img width="9" height="6"
|
|
|
|
- style="vertical-align: middle; margin-left: 3px" src="../../../public/img/zhankai.png" alt="" />
|
|
|
|
- </el-button>
|
|
|
|
- <el-button v-if="scope.row.expandsStatus" size="medium" type="text" class="fs-16"
|
|
|
|
- @click="expandsHandle(scope.row)">收起<img width="9" height="6"
|
|
|
|
- style="vertical-align: middle; margin-left: 3px" src="../../../public/img/shouqi.png" alt="" />
|
|
|
|
- </el-button>
|
|
|
|
- </template>
|
|
|
|
- </el-table-column>
|
|
|
|
- <el-table-column prop="addressUrl" label="附件">
|
|
|
|
- <template slot-scope="scope">
|
|
|
|
- <img width="18" height="20" style="vertical-align: text-top; position: relative; top: -1px"
|
|
|
|
- src="../../../public/img/fujian.png" @click="fujian(scope.row)" alt="" />
|
|
|
|
- <span v-if="scope.row.addressUrlArray.length > 0">{{
|
|
|
|
|
|
+ </template>
|
|
|
|
+ </el-table-column>
|
|
|
|
+ <el-table-column prop="carModel" label="车型" width="120">
|
|
|
|
+ </el-table-column>
|
|
|
|
+ <el-table-column prop="carLength" label="车长" width="120">
|
|
|
|
+ </el-table-column>
|
|
|
|
+ <el-table-column label="结款账户" width="120">
|
|
|
|
+ <template slot-scope="scope">
|
|
|
|
+ <el-button v-if="!scope.row.expandsStatus" size="medium" type="text" class="fs-16"
|
|
|
|
+ @click="expandsHandle(scope.row)">展开<img width="9" height="6"
|
|
|
|
+ style="vertical-align: middle; margin-left: 3px" src="../../../public/img/zhankai.png" alt="" />
|
|
|
|
+ </el-button>
|
|
|
|
+ <el-button v-if="scope.row.expandsStatus" size="medium" type="text" class="fs-16"
|
|
|
|
+ @click="expandsHandle(scope.row)">收起<img width="9" height="6"
|
|
|
|
+ style="vertical-align: middle; margin-left: 3px" src="../../../public/img/shouqi.png" alt="" />
|
|
|
|
+ </el-button>
|
|
|
|
+ </template>
|
|
|
|
+ </el-table-column>
|
|
|
|
+ <el-table-column prop="addressUrl" label="附件">
|
|
|
|
+ <template slot-scope="scope">
|
|
|
|
+ <img width="18" height="20" style="vertical-align: text-top; position: relative; top: -1px"
|
|
|
|
+ src="../../../public/img/fujian.png" @click="fujian(scope.row)" alt="" />
|
|
|
|
+ <span v-if="scope.row.addressUrlArray.length > 0">{{
|
|
scope.row.addressUrlArray.length
|
|
scope.row.addressUrlArray.length
|
|
}}</span>
|
|
}}</span>
|
|
- </template>
|
|
|
|
- </el-table-column>
|
|
|
|
- <el-table-column prop="address" label="操作" width="300">
|
|
|
|
- <template slot-scope="scope">
|
|
|
|
- <el-button size="medium" type="text" class="record" @click="look(scope.row)">查看</el-button>
|
|
|
|
- <el-button size="medium" type="text" class="record" @click="edit(scope.row)">编辑</el-button>
|
|
|
|
- <el-button size="medium" type="text" class="record" @click="deletes(scope.row)">删除</el-button>
|
|
|
|
- <el-button v-if="scope.row.disableStatusFlag != 1" class="record1" size="medium" type="text"
|
|
|
|
- @click="stop(scope.row)">禁用</el-button>
|
|
|
|
- <!-- <el-tooltip
|
|
|
|
|
|
+ </template>
|
|
|
|
+ </el-table-column>
|
|
|
|
+ <el-table-column prop="address" label="操作" width="300">
|
|
|
|
+ <template slot-scope="scope">
|
|
|
|
+ <el-button size="medium" type="text" class="record" @click="look(scope.row)">查看</el-button>
|
|
|
|
+ <el-button size="medium" type="text" class="record" @click="edit(scope.row)">编辑</el-button>
|
|
|
|
+ <el-button size="medium" type="text" class="record" @click="deletes(scope.row)">删除</el-button>
|
|
|
|
+ <el-button v-if="scope.row.disableStatusFlag != 1" class="record1" size="medium" type="text"
|
|
|
|
+ @click="stop(scope.row)">禁用</el-button>
|
|
|
|
+ <!-- <el-tooltip
|
|
class="item record"
|
|
class="item record"
|
|
effect="dark"
|
|
effect="dark"
|
|
:content="scope.row.disableReasons"
|
|
:content="scope.row.disableReasons"
|
|
placement="right-start"
|
|
placement="right-start"
|
|
> -->
|
|
> -->
|
|
- <el-button v-if="scope.row.disableStatusFlag == 1" class="record1" size="medium" type="text"
|
|
|
|
- style="font-size:14px;color:#F83535;" @click="relieve(scope.row)">已禁用</el-button>
|
|
|
|
- <!-- </el-tooltip> -->
|
|
|
|
- </template>
|
|
|
|
- </el-table-column>
|
|
|
|
- </el-table>
|
|
|
|
- <el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange" :current-page="currentPage"
|
|
|
|
- :page-size="deptCircularPage.pageSize" layout="total, sizes, prev, pager, next, jumper"
|
|
|
|
- :total="deptBudgetTotal">
|
|
|
|
- </el-pagination>
|
|
|
|
|
|
+ <el-button v-if="scope.row.disableStatusFlag == 1" class="record1" size="medium" type="text"
|
|
|
|
+ style="font-size:14px;color:#F83535;" @click="relieve(scope.row)">已禁用</el-button>
|
|
|
|
+ <!-- </el-tooltip> -->
|
|
|
|
+ </template>
|
|
|
|
+ </el-table-column>
|
|
|
|
+ </el-table>
|
|
|
|
+ <el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange" :current-page="currentPage"
|
|
|
|
+ :page-size="deptCircularPage.pageSize" layout="total, sizes, prev, pager, next, jumper" :total="deptBudgetTotal">
|
|
|
|
+ </el-pagination>
|
|
<!-- <el-dialog v-model="outerVisible">
|
|
<!-- <el-dialog v-model="outerVisible">
|
|
<el-input
|
|
<el-input
|
|
type="textarea"
|
|
type="textarea"
|
|
@@ -485,6 +484,7 @@
|
|
this.residentCityProvincial = CodeToText[e[0]]
|
|
this.residentCityProvincial = CodeToText[e[0]]
|
|
this.residentCityMunicipal = CodeToText[e[1]]
|
|
this.residentCityMunicipal = CodeToText[e[1]]
|
|
// this.selectedOptions = e
|
|
// this.selectedOptions = e
|
|
|
|
+ this.handleLook()
|
|
},
|
|
},
|
|
fujian(row) {
|
|
fujian(row) {
|
|
if (row.addressUrl === null || row.addressUrl === '') {
|
|
if (row.addressUrl === null || row.addressUrl === '') {
|