From 3c61c2d657121482389c0518ac2c81c6df1e704b Mon Sep 17 00:00:00 2001 From: wjt <1797368093@qq.com> Date: 星期四, 20 六月 2024 18:59:05 +0800 Subject: [PATCH] Merge branch 'master' of http://218.28.192.34:9999/r/sqys/sqys_xcx --- policy/translate/translate.vue | 144 ++++++++++++++++++++++++++++++++++++++++++++++++ 1 files changed, 144 insertions(+), 0 deletions(-) diff --git a/policy/translate/translate.vue b/policy/translate/translate.vue new file mode 100644 index 0000000..31976b5 --- /dev/null +++ b/policy/translate/translate.vue @@ -0,0 +1,144 @@ +<template> + <view class="page-box"> + <view class="list"> + <view class="select-box" v-for="(item,index) in list" :key="index" :class="{start: isJudege}"> + <view class="select-image" v-if="isJudege" @click="setIsSelect(index)"> + <image src="/static/policy/checkbox.png" mode="widthFix" v-show="item.isSelect"></image> + <image src="/static/policy/none-checkbox.png" mode="widthFix" v-show="!item.isSelect"></image> + </view> + <view class="list-item"> + <view class="top-title"> + <text>24骞�5鏈堢獊鍑绘鏌ユ秷闃插畨鍏�</text> + <text class="status">寰呭鎵�</text> + </view> + <view class="user-info"> + <text>鐜嬫�濋洦</text> + <view class="driver"></view> + <text>鎵ф硶涓�澶ч槦</text> + </view> + <view class="set-line"> + <text>鎵ф硶瀵硅薄锛�</text>娌冲崡瑙夐啋绉戞妧鏈夐檺鍏徃 + </view> + <view class="line"></view> + <view class="set-flex set-start set-flex-content-between"> + <view> + <view class="set-line1"> + <text>鎵ф硶鏃堕棿锛�</text>2024-05-12 12:00 + </view> + <view class="set-line1"> + <text>鐢宠鏃堕棿锛�</text>2024-05-12 12:00:12 + </view> + </view> + <view class="button" v-if="!isJudege" @click="goStartJudeg"> + 瀹℃壒 + </view> + </view> + </view> + </view> + </view> + <view class="down" v-if="!isJudege"> + <view class="button" @click="goRecord">瀹℃壒璁板綍</view> + <view class="button more-options" @click="moreJudeg">鎵归噺瀹℃壒</view> + </view> + <view class="down judge" v-else> + <view class="select-image" @click="allSelect()"> + <image src="/static/policy/checkbox.png" mode="widthFix" v-show="isAllSelect"></image> + <image src="/static/policy/none-checkbox.png" mode="widthFix" v-show="!isAllSelect"></image> + <view class="show-check">鍏ㄩ��</view> + </view> + <view class="button more-options start-option" @click="moreStart">绔嬪嵆瀹℃壒</view> + </view> + <popupCom ref="popup" @entery="entery" @cancel="cancelSelect"></popupCom> + </view> +</template> + +<script> + import popupCom from '@/policy/components/popup.vue' + export default { + components: { + popupCom + }, + data() { + return { + list1: [{ + name: '寰呬笂鎶�', + }, { + name: '宸蹭笂鎶�', + }], + isJudege: false, + list: [ + { + isSelect: false + } + ], + } + }, + computed: { + isAllSelect(){ + const value = this.list.every(item => item.isSelect) + return value + } + }, + methods: { + goRecord() { + uni.navigateTo({ + url: `/policy/translateRecord/translateRecord` + }) + }, + click() { + + }, + goStartJudeg() { + this.$refs.popup.open() + }, + // 鎵归噺瀹℃壒 + moreJudeg() { + if(!this.list.length){ + return + } + this.isJudege = true + }, + setIsSelect(index){ + this.list[index].isSelect = !this.list[index].isSelect + }, + allSelect() { + this.list.map(item => item.isSelect = !this.isAllSelect) + }, + moreStart() { + const value = this.list.some(item => item.isSelect) + if(value) { + this.goStartJudeg() + } else { + uni.showToast({ + title: '璇烽�夋嫨瀹℃壒', + icon: 'none' + }) + } + }, + entery() { + this.isJudege = false + }, + cancelSelect() { + this.isJudege = false + this.list.map(item => item.isSelect = false) + } + } + } +</script> +<style> + page { + background-color: #F4F4F4; + } +</style> +<style lang="scss" scoped> + @import "./translate.scss"; + + /deep/ .u-radio { + margin-right: 84rpx !important; + } + + /deep/ .u-textarea { + background-color: #F4F4F4 !important; + border: none; + } +</style> \ No newline at end of file -- Gitblit v1.9.1