Browse Source

fix: 交付物显示样式修改

project
song 4 years ago
parent
commit
be2f3cd448
  1. 3
      CHANGELOG.md
  2. 25
      src/components/ld-select/ld-select.vue
  3. 10
      src/plugins/p-upload-deliverable/p-upload-deliverable.vue

3
CHANGELOG.md

@ -1,4 +1,4 @@
# 0.1.0 (2021-08-31) # 0.1.0 (2021-09-01)
### 🌟 新功能 ### 🌟 新功能
范围|描述|commitId 范围|描述|commitId
@ -106,6 +106,7 @@
- | 上下滑动加载定期任务 | [4090d89](https://dd.tall.wiki/gitea/wally/tall-mui-3-project/commits/4090d89) - | 上下滑动加载定期任务 | [4090d89](https://dd.tall.wiki/gitea/wally/tall-mui-3-project/commits/4090d89)
- | 上下滚动时间轴 | [d533a01](https://dd.tall.wiki/gitea/wally/tall-mui-3-project/commits/d533a01) - | 上下滚动时间轴 | [d533a01](https://dd.tall.wiki/gitea/wally/tall-mui-3-project/commits/d533a01)
- | 下拉加载定期任务传参,时间格式化修改 | [0b95a0e](https://dd.tall.wiki/gitea/wally/tall-mui-3-project/commits/0b95a0e) - | 下拉加载定期任务传参,时间格式化修改 | [0b95a0e](https://dd.tall.wiki/gitea/wally/tall-mui-3-project/commits/0b95a0e)
- | 交付物+考勤管理 | [7020c78](https://dd.tall.wiki/gitea/wally/tall-mui-3-project/commits/7020c78)
- | 任务开始时间延迟插件 | [992a313](https://dd.tall.wiki/gitea/wally/tall-mui-3-project/commits/992a313) - | 任务开始时间延迟插件 | [992a313](https://dd.tall.wiki/gitea/wally/tall-mui-3-project/commits/992a313)
- | 修改main | [749ae9a](https://dd.tall.wiki/gitea/wally/tall-mui-3-project/commits/749ae9a) - | 修改main | [749ae9a](https://dd.tall.wiki/gitea/wally/tall-mui-3-project/commits/749ae9a)
- | 修改定期任务状态0和4时不加载圆圈 | [30e352f](https://dd.tall.wiki/gitea/wally/tall-mui-3-project/commits/30e352f) - | 修改定期任务状态0和4时不加载圆圈 | [30e352f](https://dd.tall.wiki/gitea/wally/tall-mui-3-project/commits/30e352f)

25
src/components/ld-select/ld-select.vue

@ -1,22 +1,29 @@
<template> <template>
<view class="main"> <view class="main">
<view class="input" :style="disabled ? 'background-color:#f5f7fa' : ''"> <view :style="disabled ? 'background-color:#f5f7fa' : ''" class="input">
<input @click="showModal" v-model="_value" :style="disabled ? 'color:#c0c4cc' : ''" :placeholder="placeholder" disabled /> <input
<u-icon v-if="clearable && !disabled && showClearable" @click="empty" name="close-circle-fill" color="#C0C4CC" size="32"></u-icon> :placeholder="placeholder"
:style="disabled ? 'color:#c0c4cc' : ''"
@click="showModal"
class="text-sm"
disabled
v-model="_value"
/>
<u-icon @click="empty" color="#C0C4CC" name="close-circle-fill" size="32" v-if="clearable && !disabled && showClearable"></u-icon>
</view> </view>
<view class="select-modal" :class="isShowModal ? 'show' : ''" @tap="hideModal"> <view :class="isShowModal ? 'show' : ''" @tap="hideModal" class="select-modal">
<view class="select-dialog" @tap.stop="" :style="{ backgroundColor: bgColor }"> <view :style="{ backgroundColor: bgColor }" @tap.stop class="select-dialog">
<view class="select-bar bg-white"> <view class="select-bar bg-white">
<view class="action text-gray" @tap="cancelClick">{{ cancelText }}</view> <view @tap="cancelClick" class="action text-gray">{{ cancelText }}</view>
<view class="action text-blue" @tap="confirmClick">{{ confirmText }}</view> <view @tap="confirmClick" class="action text-blue">{{ confirmText }}</view>
</view> </view>
<view class="select-content"> <view class="select-content">
<view <view
class="select-item"
v-for="(item, index) in list"
:key="index" :key="index"
:style="valueIndexOf(item) ? 'color:' + selectColor + ';background-color:' + selectBgColor + ';' : 'color:' + color + ';'" :style="valueIndexOf(item) ? 'color:' + selectColor + ';background-color:' + selectBgColor + ';' : 'color:' + color + ';'"
@click="select(item)" @click="select(item)"
class="select-item"
v-for="(item, index) in list"
> >
<view class="title">{{ getLabelKeyValue(item) }}</view> <view class="title">{{ getLabelKeyValue(item) }}</view>
<u-icon name="checkbox-mark" v-if="valueIndexOf(item)"></u-icon> <u-icon name="checkbox-mark" v-if="valueIndexOf(item)"></u-icon>

10
src/plugins/p-upload-deliverable/p-upload-deliverable.vue

@ -2,7 +2,6 @@
<!-- 上传交付物 --> <!-- 上传交付物 -->
<view class="py-2"> <view class="py-2">
<u-input :auto-height="autoHeight" :border="border" :height="height" :type="type" v-model="content" width="100" /> <u-input :auto-height="autoHeight" :border="border" :height="height" :type="type" v-model="content" width="100" />
<view class="flex flex-row-reverse text-xs text-gray-400 mt-2">{{ wordNum }}/140</view>
<ld-select <ld-select
:list="checkers" :list="checkers"
@ -41,7 +40,6 @@ export default {
border: true, border: true,
height: 30, height: 30,
autoHeight: true, autoHeight: true,
wordNum: 0,
checkerList: [], checkerList: [],
showHistory: false, // showHistory: false, //
}; };
@ -63,12 +61,6 @@ export default {
}, },
}, },
watch: {
content(val) {
this.wordNum = val.length;
},
},
methods: { methods: {
selectChange2(val) { selectChange2(val) {
this.checkerList = val; this.checkerList = val;
@ -101,4 +93,4 @@ export default {
}; };
</script> </script>
<style></style> <style scoped lang="scss"></style>

Loading…
Cancel
Save