like
/
customAgent
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

样式优化

Browse Source
master
wujingling0908 2 weeks ago
parent bebd8c816b 1d1fd68a6b
commit 6923d3468d
5 changed files with 255 additions and 180 deletions
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Show Stats Download Patch File Download Diff File
  1. 5
      src/components/chat-content.vue
  2. 2
      src/components/chat-new.vue
  3. 47
      src/components/footer-bar-btn.vue
  4. 12
      src/components/footer-bar-input.vue
  5. 361
      src/components/transfer-accounts.vue

5
src/components/chat-content.vue
Unescape View File

@ -428,7 +428,8 @@
item.cmd == 'wnzhzzsx' || item.cmd == 'wnzhzzsx' ||
item.cmd == 'tbzzsx' || item.cmd == 'tbzzsx' ||
item.cmd == 'dkzzsx' || item.cmd == 'dkzzsx' ||
item.cmd == 'lpzzsx') item.cmd == 'lpzzsx' ||
item.cmd == '$zzsx-da') // $zzsx-da这是展示的答案
"> ">
<div class="chat-content-left"> <div class="chat-content-left">
<div class="content-left-icon"> <div class="content-left-icon">
@ -1187,7 +1188,7 @@ import DynamicImage from '@/components/common/DynamicImage.vue';
import imageService from '@/utils/imageService'; import imageService from '@/utils/imageService';
import wx from 'weixin-js-sdk'; import wx from 'weixin-js-sdk';
export default { export default {
props: ["historylist", "tokenExist", "lostChatInfoNum"], props: ["historylist", "tokenExist", "lostChatInfoNum", "isHistory"],
components: { components: {
[Loading.name]: Loading, [Loading.name]: Loading,
// TextContent, // TextContent,

2
src/components/chat-new.vue
Unescape View File

@ -333,7 +333,7 @@ watch(
<van-loading type="spinner" size="18rem" /> <van-loading type="spinner" size="18rem" />
</div> </div>
<div class="historicRecords" v-if="historylist.length > 0"> <div class="historicRecords" v-if="historylist.length > 0">
<chatContent :historylist="historylist" :isWX="isWX" :tokenExist="tokenExist" <chatContent :historylist="historylist" :isWX="isWX" :tokenExist="tokenExist" :isHistory="true"
:lostChatInfoNum="lostChatInfoNum" /> :lostChatInfoNum="lostChatInfoNum" />
</div> </div>
<div class="this-news-box opacity" v-if="historylist.length > 0"> <div class="this-news-box opacity" v-if="historylist.length > 0">

47
src/components/footer-bar-btn.vue
Unescape View File

@ -15,6 +15,7 @@ import { ref, computed, onMounted } from 'vue'
import { storeToRefs } from 'pinia' import { storeToRefs } from 'pinia'
import { useAppStore } from '@/store/app.js' import { useAppStore } from '@/store/app.js'
import { Post } from '@/utils/https' import { Post } from '@/utils/https'
import { jumpOpenWeb } from '@/utils'
import footerBarBtnIcon from '@/assets/images/footer-bar-btn-icon.png' import footerBarBtnIcon from '@/assets/images/footer-bar-btn-icon.png'
import footerBarBtnIcon2 from '@/assets/images/footer-bar-btn-icon2.png' import footerBarBtnIcon2 from '@/assets/images/footer-bar-btn-icon2.png'
import footerBarBtnIcon3 from '@/assets/images/footer-bar-btn-icon3.png' import footerBarBtnIcon3 from '@/assets/images/footer-bar-btn-icon3.png'
@ -23,15 +24,15 @@ import footerBarBtnIcon4 from '@/assets/images/footer-bar-btn-icon4.png'
defineEmits(['onFooterBtnChoose']) defineEmits(['onFooterBtnChoose'])
const store = useAppStore() const store = useAppStore()
const { source, planCode, userInfo, manualService, mescrollContent, elder } = storeToRefs(store) const { source, planCode, userInfo, manualService, mescrollContent, elder, isChatLoading } =
storeToRefs(store)
const keywordslist = ref([ const keywordslist = ref([
{ name: "查保单", icon: footerBarBtnIcon }, { name: "查保单", icon: footerBarBtnIcon, URL: "https://yzsslfw.cpiccdn.com/accept_pad/index.html#/phone/base/wxxcxHomeSearch?source=wxxcx&bqtype=search&ticket=%s" },
{ name: "查收益", icon: footerBarBtnIcon2 }, { name: "查收益", icon: footerBarBtnIcon2, URL: "https://yzsslfw.cpiccdn.com/accept_pad/index.html#/phone/base/wxxcxHomeSearch?source=wxxcx&bqtype=search&ticket=%s" },
{ name: "贷还款", icon: footerBarBtnIcon3 }, { name: "贷还款", icon: footerBarBtnIcon3, URL: "https://yzsslfw.cpiccdn.com/accept_pad/index.html#/phone/infoChange/eye?source=wxxcx&bqtype=search&ticket=%s" },
{ name: "续期交费", icon: footerBarBtnIcon4 }, { name: "续期交费", icon: footerBarBtnIcon4, URL: "/packageAgent/pages/renewalPayment/renewalPayment?source_channel=GDFW&ticket=%s" },
]) ])
const issubmit = ref(true) // 防止重复发送
const keyWordshow = computed(() => keywordslist.value.length > 0) const keyWordshow = computed(() => keywordslist.value.length > 0)
const isRobotService = computed(() => String(manualService.value) === '1') const isRobotService = computed(() => String(manualService.value) === '1')
@ -49,25 +50,13 @@ function scrollTopBody() {
} }
function keywordsClick(item) { function keywordsClick(item) {
// const sendParmas = { // 只把问题写入对话气泡，不走对话接口
// reqAndResType: '1', // 1文本 2图片 3问题评价 store.addSendMessageList({ msgText: item.name, reqAndResType: '1' })
// msgText: item.name, // 没有机器人回复来复位打字动画，这里手动复位，避免"正在输入"一直转
// msgSource: manualService.value, // 1机器人 2人工 isChatLoading.value = false
// questionType: 1, scrollTopBody()
// }
// if (!issubmit.value) return
// issubmit.value = false
// scrollTopBody()
// store jumpOpenWeb('YY_GWXCX', item.URL)
// .sendingRobot(sendParmas)
// .catch((err) => {
// console.log(err)
// })
// .finally(() => {
// issubmit.value = true
// })
} }
async function initFooterBtn() { async function initFooterBtn() {
@ -140,12 +129,18 @@ onMounted(() => {
letter-spacing: 0; letter-spacing: 0;
text-align: justify; text-align: justify;
padding: 6.5rem 10rem; padding: 6.5rem 10rem;
background: linear-gradient(140deg, #dcfcff 6%, #ffffffbf 18%, #ffffff 56%);
position: relative; position: relative;
border-radius: 82rem; /* border-radius: 82rem; */
-webkit-animation: slideInRight 0.5s ease-in-out both; -webkit-animation: slideInRight 0.5s ease-in-out both;
animation: slideInRight 0.5s ease-in-out both; animation: slideInRight 0.5s ease-in-out both;
display: flex; display: flex;
background: linear-gradient(140deg, #dcfcff 6%, #ffffffbf 18%, #ffffff 56%);
box-sizing: border-box;
border-image: linear-gradient(115deg, #ffffff 4%, #ffffff 89%) 1.2;
backdrop-filter: blur(14px);
box-shadow: 0px 4px 10px 0px rgba(181, 189, 216, 0.3);
z-index: 3;
border-radius: 101rem;
} }
.footerBtn .footer-items-list:active { .footerBtn .footer-items-list:active {

12
src/components/footer-bar-input.vue
Unescape View File

@ -95,7 +95,8 @@
<!-- 表情符号 --> <!-- 表情符号 -->
<!-- <transition name="draw"> --> <!-- <transition name="draw"> -->
<emoticon-box class="smile-emoticon-box" :class="{ min_heightauto: !smileFlag }" @onFaceChoose="handleFaceChoose"></emoticon-box> <emoticon-box class="smile-emoticon-box" :class="{ min_heightauto: !smileFlag }"
@onFaceChoose="handleFaceChoose"></emoticon-box>
<!-- </transition> --> <!-- </transition> -->
<upload-image ref="uploadImageRef" @image-selected="handleImageSelected" @image-sent="handleImageSent" <upload-image ref="uploadImageRef" @image-selected="handleImageSelected" @image-sent="handleImageSent"
@ -810,7 +811,6 @@ watch(sendMessage, (newValue, oldValue) => {
height: auto; height: auto;
min-height: 10rem; min-height: 10rem;
line-height: 10rem; line-height: 10rem;
background: #fff;
border-radius: 30rem; border-radius: 30rem;
padding: 7.5rem 20rem 7.5rem 15rem; padding: 7.5rem 20rem 7.5rem 15rem;
vertical-align: middle; vertical-align: middle;
@ -826,6 +826,14 @@ watch(sendMessage, (newValue, oldValue) => {
overflow: hidden; overflow: hidden;
display: flex; display: flex;
align-items: center; align-items: center;
background: linear-gradient(111deg, #dcfcff 0%, #ffffffbf 12%, #ffffff 38%);
box-sizing: border-box;
/* border: 1.2px solid; */
border-image: linear-gradient(99deg, #ffffff 4%, #ffffff 88%) 1.2;
backdrop-filter: blur(14px);
box-shadow: 0px 4px 10px 0px rgba(181, 189, 216, 0.3);
z-index: 0;
} }
.input-text-tips { .input-text-tips {

361
src/components/transfer-accounts.vue
Unescape View File

@ -3,63 +3,98 @@
<div class="edit-address-box" v-if="transferAccountsType == 1"> <div class="edit-address-box" v-if="transferAccountsType == 1">
<div class="edit-address-title-hd">{{ itemList.msgText }}</div> <div class="edit-address-title-hd">{{ itemList.msgText }}</div>
<div class="edit-address-edit-box" v-if="networkPickShow"> <div class="edit-address-edit-box" v-if="networkPickShow">
<van-field readonly clickable label-class="edit-box-cell" name="picker" v-model="selectedNetwork" label="业务类型" <van-field
placeholder="请选择业务类型" right-icon="arrow" :disabled="disabled" readonly
@click.stop="!disabled && (selectedNetworkShow = true)"> clickable
label-class="edit-box-cell"
name="picker"
v-model="selectedNetwork"
label="业务类型"
placeholder="请选择业务类型"
right-icon="arrow"
:disabled="disabled"
@click.stop="!disabled && (selectedNetworkShow = true)"
>
</van-field> </van-field>
<div v-if="networkPickShowtishi" style="text-align: right; color: red; font-size: 0.32rem"> <div v-if="networkPickShowtishi" style="text-align: right; color: red; font-size: 12rem">
请选择业务类型 请选择业务类型
</div> </div>
</div> </div>
<div class="edit-address-edit-box" v-if="areaListPickShow"> <div class="edit-address-edit-box" v-if="areaListPickShow">
<van-field readonly clickable label-class="edit-box-cell" name="picker" v-model="selectedCompany" label="所在地区" <van-field
placeholder="点击此处选择分公司/支公司" right-icon="arrow" :disabled="disabled" @click.stop="areaListPickClick"> readonly
clickable
label-class="edit-box-cell"
name="picker"
v-model="selectedCompany"
label="所在地区"
placeholder="点击此处选择分公司/支公司"
right-icon="arrow"
:disabled="disabled"
@click.stop="areaListPickClick"
>
</van-field> </van-field>
<div v-if="areaListPickShowtishi" style="text-align: right; color: red; font-size: 0.32rem"> <div v-if="areaListPickShowtishi" style="text-align: right; color: red; font-size: 12rem">
请选择所在分、支公司 请选择所在分、支公司
</div> </div>
</div> </div>
<div class="van-address-edit-btn"> <div class="van-address-edit-btn">
<van-button round block color="#5A9CFF" :disabled="submitDisabled || disabled" :loading="submitLoad" type="info" <van-button
loading-text="变更中..." @click.stop="submitInfo">确 认</van-button> round
block
color="#5A9CFF"
:disabled="submitDisabled || disabled"
:loading="submitLoad"
loading-text="变更中..."
@click.stop="submitInfo"
>确 认</van-button
>
</div> </div>
</div> </div>
<div class="networkInfo" v-else> <div class="networkInfo" v-else>
<template v-if="networkInfo && networkInfo.infos && networkInfo.infos.length > 0"> <template v-if="networkInfo && networkInfo.infos && networkInfo.infos.length > 0">
<div> <div>
<div class="networkInfo-title displayleft" style="margin: 10px 0; font-size: 16px; align-items: center"> <div
<img src="../assets/images/company.png" style="width: 19px; height: 17px; margin-right: 8px" alt="" /> class="networkInfo-title displayleft"
style="margin: 10rem 0; font-size: 16rem; align-items: center"
>
<img
src="../assets/images/company.png"
style="width: 19rem; height: 17rem; margin-right: 8rem"
alt=""
/>
<div>{{ networkInfo.orgName }}</div> <div>{{ networkInfo.orgName }}</div>
</div> </div>
<div v-for="(items, indexs) in networkInfo.infos" :key="indexs" <div
:style="{ 'border-top': indexs > 0 ? '1px dashed #666' : '' }"> v-for="(items, indexs) in networkInfo.infos"
<div class="displayleft" style="margin: 10px 0"> :key="indexs"
<div style="width: 80px; color: #f58019">账户类型：</div> :style="{ 'border-top': indexs > 0 ? '1rem dashed #666' : '' }"
<div style="color: #f58019; flex: 1; font-size: 12px"> >
<div class="displayleft" style="margin: 10rem 0">
<div style="width: 80rem; color: #f58019">账户类型：</div>
<div style="color: #f58019; flex: 1; font-size: 12rem">
{{ items.accountType }} {{ items.accountType }}
</div> </div>
</div> </div>
<div class="displayleft" style="margin: 10px 0"> <div class="displayleft" style="margin: 10rem 0">
<div style="width: 80px">转账银行：</div> <div style="width: 80rem">转账银行：</div>
<div style="color: #666; flex: 1; font-size: 12px"> <div style="color: #666; flex: 1; font-size: 12rem">
{{ items.transBank }} {{ items.transBank }}
</div> </div>
</div> </div>
<div class="displayleft" style="margin: 10px 0"> <div class="displayleft" style="margin: 10rem 0">
<div style="width: 80px">转账时效：</div> <div style="width: 80rem">转账时效：</div>
<div style="color: #666; flex: 1; font-size: 12px"> <div style="color: #666; flex: 1; font-size: 12rem">
{{ items.transTime }} {{ items.transTime }}
</div> </div>
</div> </div>
<div class="displayleft" style="margin: 10px 0" v-if="items.remark"> <div class="displayleft" style="margin: 10rem 0" v-if="items.remark">
<div style="width: 80px"> <div style="width: 80rem">备<span style="opacity: 0">备注</span>注：</div>
备<span style="opacity: 0">备注</span>注： <div style="color: #666; flex: 1; font-size: 12rem">
</div>
<div style="color: #666; flex: 1; font-size: 12px">
{{ items.remark }} {{ items.remark }}
</div> </div>
</div> </div>
@ -67,45 +102,72 @@
</div> </div>
</template> </template>
<template v-else> <template v-else>
<div style="text-align: left; font-size: 14px; color: #666"> <div style="text-align: left; font-size: 14rem; color: #666">暂无数据</div>
暂无数据
</div>
</template> </template>
</div> </div>
<van-popup class="edit-address-popup-box" v-model:show="isEditShow" get-container="body" position="bottom" <van-popup
:duration="0.2"> class="edit-address-popup-box"
<van-picker show-toolbar value-key="name" :columns="columns" :item-height="40" @cancel="onCompanyCancel" v-model:show="isEditShow"
@confirm="onCompanyConfirm" @change="companyChange" /> teleport="body"
position="bottom"
:duration="0.2"
>
<van-picker
show-toolbar
:columns="columns"
:columns-field-names="{ text: 'name' }"
:item-height="40"
@cancel="onCompanyCancel"
@confirm="onCompanyConfirm"
@change="companyChange"
/>
</van-popup> </van-popup>
<van-popup class="edit-address-popup-box" v-model:show="selectedNetworkShow" get-container="body" position="bottom" <van-popup
:duration="0.2"> class="edit-address-popup-box"
<van-picker show-toolbar value-key="title" :columns="selectedNetworkColums" :item-height="40" v-model:show="selectedNetworkShow"
@cancel="selectedNetworkShow = false" @confirm="onNetworkConfirm" /> teleport="body"
position="bottom"
:duration="0.2"
>
<van-picker
show-toolbar
:columns="selectedNetworkColums"
:columns-field-names="{ text: 'title' }"
:item-height="40"
@cancel="selectedNetworkShow = false"
@confirm="onNetworkConfirm"
/>
</van-popup> </van-popup>
</div> </div>
</template> </template>
<script setup> <script setup>
import { ref, inject, onMounted, nextTick } from 'vue' import { ref, nextTick, onMounted } from 'vue'
import { showToast, Field, Button, Popup, Picker } from 'vant' import { storeToRefs } from 'pinia'
import { pcaList } from '@/mock/network-code' import { useAppStore } from '@/store/app.js'
import { Post } from '@/utils/https'
const props = defineProps({ const props = defineProps({
disabled: { type: Boolean, default: false }, disabled: { type: Boolean, default: false },
itemList: { type: Object, default: () => ({}) } itemList: { type: Object, default: () => ({}) },
}) })
const store = inject('appStore', null) const store = useAppStore()
const userId = inject('userId', ref('')) const { userId, sessionId, source, mescrollContent } = storeToRefs(store)
const sessionId = inject('sessionId', ref(''))
const source = inject('source', ref('')) // cmd -> 业务类型 id 映射
const mescrollContent = inject('mescrollContent', ref(null)) const Networkinf = {
yhzzsx: 0,
const Networkinf = { yhzzsx: 0, fhzzsx: 2, scjzzsx: 3, wnzhzzsx: 4, tbzzsx: 6, dkzzsx: 1, lpzzsx: 5 } fhzzsx: 2,
scjzzsx: 3,
wnzhzzsx: 4,
tbzzsx: 6,
dkzzsx: 1,
lpzzsx: 5,
}
const areaList = pcaList
const isEditShow = ref(false) const isEditShow = ref(false)
const columns = ref([]) const columns = ref([])
const changeCompany_fen = ref('') const changeCompany_fen = ref('')
@ -125,53 +187,15 @@ const transferAccountsType = ref(1)
const networkPickShowtishi = ref(false) const networkPickShowtishi = ref(false)
const areaListPickShowtishi = ref(false) const areaListPickShowtishi = ref(false)
onMounted(async () => {
submitDisabled.value = props.disabled
nextTick(() => { scrollTopBody() })
if (props.itemList.cmd == 'yhzzsx') {
networkPickShow.value = true
let param = { queryType: 1, businessType: 0 }
initPages(param)
} else if (props.itemList.cmd == '$zzsx-da') {
transferAccountsType.value = 0
await store?.dispatch?.('post', {
url: 'transTimeQuery/queryInfo',
data: Object.assign({}, props.itemList.msgText, { qaId: props.itemList.qaId })
}).then(res => {
networkInfo.value = res.data
scrollTopBody()
}).catch(error => { console.log(error) })
} else {
networkPickShow.value = false
businessType.value = Networkinf[props.itemList.cmd]
let param = { queryType: 1, businessType: businessType.value }
initPages(param)
}
})
function initPages(param) {
if (props.disabled) return
store?.dispatch?.('post', {
url: 'transTimeQuery/queryOrg',
data: param
}).then(async res => {
selectedNetworkColums.value = res.data.business
let info = []
res.data.infos.forEach(element => {
info.push({ name: element })
})
await getfenCompany(info)
}).catch(error => { console.log(error) })
}
function scrollTopBody() { function scrollTopBody() {
setTimeout(() => { setTimeout(() => {
// 滚动到底部
try { try {
if (mescrollContent.value) { const el = mescrollContent.value
mescrollContent.value.scrollTop = mescrollContent.value.scrollHeight || 0 if (el) el.scrollTop = el.scrollHeight || 0
} catch (error) {
console.log(error.message)
} }
} catch (error) { console.log(error.message) }
}, 300) }, 300)
} }
@ -180,6 +204,7 @@ function verification() {
networkPickShowtishi.value = true networkPickShowtishi.value = true
return false return false
} }
if (areaListPickShow.value && !selectedCompany.value) { if (areaListPickShow.value && !selectedCompany.value) {
areaListPickShowtishi.value = true areaListPickShowtishi.value = true
return false return false
@ -187,52 +212,55 @@ function verification() {
return true return true
} }
function onNetworkConfirm(value) { // 选择业务类型确认
function onNetworkConfirm({ selectedOptions }) {
const value = selectedOptions[0] || {}
selectedNetwork.value = value.title selectedNetwork.value = value.title
businessType.value = value.id businessType.value = value.id
selectedNetworkShow.value = false selectedNetworkShow.value = false
networkPickShowtishi.value = false networkPickShowtishi.value = false
let param = { queryType: 1, businessType: businessType.value } initPages({ queryType: 1, businessType: businessType.value })
initPages(param)
} }
function onCompanyConfirm(value, itemIndex) { // 公司选择确认
var fenIndex = itemIndex[0] function onCompanyConfirm({ selectedOptions }) {
var zhiIndex = itemIndex[1] const fen = selectedOptions[0] || {}
var fen = columns.value[fenIndex] const zhi = selectedOptions[1] || {}
var zhi = columns.value[fenIndex].children[zhiIndex]
company_fen.value = fen.name company_fen.value = fen.name || ''
company_zhi.value = zhi.name company_zhi.value = zhi.name || ''
selectedCompany.value = `${fen.name + zhi.name}` selectedCompany.value = `${fen.name || ''}${zhi.name || ''}`
isEditShow.value = false isEditShow.value = false
areaListPickShowtishi.value = false areaListPickShowtishi.value = false
} }
// 公司选择取消
function onCompanyCancel() { function onCompanyCancel() {
isEditShow.value = false isEditShow.value = false
} }
function companyChange(picker, values) { function companyChange({ columnIndex, selectedOptions }) {
if (values[0] !== changeCompany_fen.value) { if (columnIndex !== 0) return
changeCompany_fen.value = values[0] const fen = selectedOptions[0]
let param = { queryType: 2, businessType: 1, branchName: values[0] } if (!fen || fen.name === changeCompany_fen.value) return
store?.dispatch?.('post', { changeCompany_fen.value = fen.name
url: 'transTimeQuery/queryOrg',
data: param const param = { queryType: 2, businessType: 1, branchName: fen.name }
}).then(res => { Post('transTimeQuery/queryOrg', param)
let info = [] .then((res) => {
res.data.infos.forEach(element => { // vant 4 Picker 没有 setColumnValues 实例方法，直接改响应式 columns 数据刷新子级
info.push({ name: element, children: [{ name: '' }] }) fen.children = (res.data.infos || []).map((element) => ({ name: element }))
})
.catch((error) => {
console.log(error)
}) })
columns.value[picker.getColumnIndex(0)].children = info
picker.setColumnValues(1, info)
}).catch(error => { console.log(error) })
}
} }
function submitInfo() { function submitInfo() {
if (!verification()) return if (!verification()) {
let info = { return
}
const info = {
cmd: '$zzsx-da', cmd: '$zzsx-da',
customerServiceName: null, customerServiceName: null,
evaluation: null, evaluation: null,
@ -244,7 +272,7 @@ function submitInfo() {
msgText: { msgText: {
businessType: businessType.value, businessType: businessType.value,
orgName: company_zhi.value, orgName: company_zhi.value,
userInfoId: userId.value userInfoId: userId.value,
}, },
msgType: '01', msgType: '01',
qaId: props.itemList.qaId, qaId: props.itemList.qaId,
@ -254,17 +282,17 @@ function submitInfo() {
seatNum: '洋洋机器人', seatNum: '洋洋机器人',
sessionId: sessionId.value, sessionId: sessionId.value,
source: source.value, source: source.value,
timestamp: new Date().getTime(), timestamp: Date.now(),
userId: 408, userId: 408,
userName: null, userName: null,
voiceData: null, voiceData: null,
voiceUrl: null voiceUrl: null,
} }
store?.commit?.('set_chatList', info) store.setChatList(info)
scrollTopBody() scrollTopBody()
} }
async function areaListPickClick() { function areaListPickClick() {
if (props.disabled) return if (props.disabled) return
if (props.itemList.cmd == 'yhzzsx' && selectedNetwork.value == '') { if (props.itemList.cmd == 'yhzzsx' && selectedNetwork.value == '') {
networkPickShowtishi.value = true networkPickShowtishi.value = true
@ -274,33 +302,76 @@ async function areaListPickClick() {
} }
function getfenCompany(infoArray) { function getfenCompany(infoArray) {
if (!infoArray || !infoArray.length) return
company_fen.value = infoArray[0].name company_fen.value = infoArray[0].name
changeCompany_fen.value = infoArray[0].name changeCompany_fen.value = infoArray[0].name
let param = { queryType: 2, businessType: 1, branchName: infoArray[0].name } const param = { queryType: 2, businessType: 1, branchName: infoArray[0].name }
store?.dispatch?.('post', { Post('transTimeQuery/queryOrg', param)
url: 'transTimeQuery/queryOrg', .then((res) => {
data: param infoArray[0].children = (res.data.infos || []).map((element) => ({ name: element }))
}).then(res => {
let info = []
res.data.infos.forEach(element => {
info.push({ name: element })
})
infoArray[0].children = info
columns.value = infoArray columns.value = infoArray
}).catch(error => { console.log(error) }) })
.catch((error) => {
console.log(error)
})
}
function initPages(param) {
if (props.disabled) return
Post('transTimeQuery/queryOrg', param)
.then((res) => {
selectedNetworkColums.value = res.data.business
const info = (res.data.infos || []).map((element) => ({ name: element }))
getfenCompany(info)
})
.catch((error) => {
console.log(error)
})
}
async function initTransferAccounts() {
submitDisabled.value = props.disabled
nextTick(() => scrollTopBody())
// 银行转账时效处理
if (props.itemList.cmd == 'yhzzsx') {
networkPickShow.value = true
initPages({ queryType: 1, businessType: 0 })
} else if (props.itemList.cmd == '$zzsx-da') {
transferAccountsType.value = 0
try {
const res = await Post('transTimeQuery/queryInfo', {
...(props.itemList.msgText || {}),
qaId: props.itemList.qaId,
})
networkInfo.value = res.data
scrollTopBody()
} catch (error) {
console.log(error)
}
} else {
networkPickShow.value = false
businessType.value = Networkinf[props.itemList.cmd]
initPages({ queryType: 1, businessType: businessType.value })
}
} }
onMounted(() => {
initTransferAccounts()
})
</script> </script>
<style scoped> <style scoped>
.displayleft { .displayleft {
display: flex; display: flex;
/* align-items: center; */
justify-content: flex-start; justify-content: flex-start;
} }
.edit-address-title-hd { .edit-address-title-hd {
font-family: NotoSansHans-Regular; font-family: NotoSansHans-Regular;
font-size: 14px; font-size: 14rem;
line-height: 21px; line-height: 21rem;
font-weight: 700; font-weight: 700;
color: #333333; color: #333333;
word-wrap: break-word; word-wrap: break-word;
@ -308,11 +379,11 @@ function getfenCompany(infoArray) {
overflow: hidden; overflow: hidden;
-webkit-user-select: text; -webkit-user-select: text;
user-select: text; user-select: text;
padding-bottom: 15px; padding-bottom: 15rem;
} }
.edit-address-edit-box .van-cell { .edit-address-edit-box .van-cell {
padding: 10px 0; padding: 10rem 0;
} }
.edit-address-edit-box .van-cell:not(:last-child)::after { .edit-address-edit-box .van-cell:not(:last-child)::after {
@ -320,7 +391,7 @@ function getfenCompany(infoArray) {
} }
.edit-address-edit-box :deep(.van-field__label.edit-box-cell) { .edit-address-edit-box :deep(.van-field__label.edit-box-cell) {
width: 75px; width: 75rem;
} }
.code-btn.code-btn-disabled { .code-btn.code-btn-disabled {
@ -331,12 +402,12 @@ function getfenCompany(infoArray) {
} }
.edit-box-checkbox-item { .edit-box-checkbox-item {
padding: 20px 0 0 0; padding: 20rem 0 0 0;
display: inline-block; display: inline-block;
} }
.edit-box-checkbox-item :deep(.van-checkbox__label) { .edit-box-checkbox-item :deep(.van-checkbox__label) {
margin-top: 2px; margin-top: 2rem;
} }
.edit-address-popup-box { .edit-address-popup-box {
@ -344,6 +415,6 @@ function getfenCompany(infoArray) {
} }
.edit-address-box .van-address-edit-btn { .edit-address-box .van-address-edit-btn {
padding: 30px 0 10px 0; padding: 30rem 0 10rem 0;
} }
</style> </style>
Write Preview
Loading…
Cancel
Save