lizhichao
/
hitap-chat
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

表单详情禁用处理

Browse Source
main
limingtao 11 months ago
parent 7ec85a3de7
commit e160cd3d80
5 changed files with 461 additions and 530 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 14
      pages/investigation/components/investigation-item.vue
  2. 164
      pages/investigation/components/investigation-item2.vue
  3. 2
      pages/investigation/components/problem-box.vue
  4. 15
      pages/investigation/task.vue
  5. 12
      pages/map/index.vue

14
pages/investigation/components/investigation-item.vue
Unescape View File

@ -18,7 +18,7 @@
<view class="detail-item" v-if="item.type === 'number' || item.type === '1'"> <view class="detail-item" v-if="item.type === 'number' || item.type === '1'">
<uni-forms-item :label="item.name" label-width="450rpx" <uni-forms-item :label="item.name" label-width="450rpx"
style="display: flex;align-items: center"> style="display: flex;align-items: center">
<u-input placeholder="请输入" border="none" v-model="item.standar" inputAlign="right" <u-input :disabled="type=='view'" placeholder="请输入" border="none" v-model="item.standar" inputAlign="right"
type="number"> type="number">
<u-text :text="item.unit" slot="suffix" margin="0 3px 0 0" type="tips"></u-text> <u-text :text="item.unit" slot="suffix" margin="0 3px 0 0" type="tips"></u-text>
</u-input> </u-input>
@ -27,20 +27,20 @@
<view class="detail-item" v-else-if="item.type === 'text' || item.type === '2'"> <view class="detail-item" v-else-if="item.type === 'text' || item.type === '2'">
<uni-forms-item :label="item.name" label-width="450rpx" <uni-forms-item :label="item.name" label-width="450rpx"
style="display: flex;align-items: center"> style="display: flex;align-items: center">
<u-input placeholder="请输入" border="none" v-model="item.standar" inputAlign="right" /> <u-input :disabled="type=='view'" placeholder="请输入" border="none" v-model="item.standar" inputAlign="right" />
</uni-forms-item> </uni-forms-item>
</view> </view>
<view class="detail-item" v-else-if="item.type === 'check' || item.type === '3'"> <view class="detail-item" v-else-if="item.type === 'check' || item.type === '3'">
<uni-forms-item :label="item.name" label-width="450rpx" <uni-forms-item :label="item.name" label-width="450rpx"
style="display: flex;align-items: center"> style="display: flex;align-items: center">
<u-checkbox v-model="item.standar" :customStyle="{justifyContent: 'space-between'}" <u-checkbox :disabled="type=='view'" v-model="item.standar" :customStyle="{justifyContent: 'space-between'}"
:name="'sdfs'" /> :name="'sdfs'" />
</uni-forms-item> </uni-forms-item>
</view> </view>
<view class="detail-item" v-else-if="item.type === 'upload' || item.type === '4'"> <view class="detail-item" v-else-if="item.type === 'upload' || item.type === '4'">
<uni-forms-item :label="item.name" label-position="top" label-width="450rpx" <uni-forms-item :label="item.name" label-position="top" label-width="450rpx"
style="display: flex;align-items: center; min-height: 100rpx;" /> style="display: flex;align-items: center; min-height: 100rpx;" />
<u-upload :fileList="item.fileList" @afterRead="(e) => afterRead(e, item)" <u-upload :disabled="type=='view'" :fileList="item.fileList" @afterRead="(e) => afterRead(e, item)"
@delete="(e) => deletePic(e, item)" name="1" :maxCount="1"></u-upload> @delete="(e) => deletePic(e, item)" name="1" :maxCount="1"></u-upload>
</view> </view>
</view> </view>
@ -58,7 +58,11 @@
sid: { sid: {
type: String, type: String,
default: '01' default: '01'
} },
type: {
type: String,
default: "edit",
},
}, },
data() { data() {
return { return {

164
pages/investigation/components/investigation-item2.vue
Unescape View File

@ -6,131 +6,51 @@
<view class="right" @click="investigationDetailHandle">确认</view> <view class="right" @click="investigationDetailHandle">确认</view>
</view> </view>
<view class="box" style="max-height: 800rpx; overflow-y: auto"> <view class="box" style="max-height: 800rpx; overflow-y: auto">
<view <view class="investigation-item" v-for="(item, index) in investigationDetailList" :key="index"
class="investigation-item" style="width: 96%; padding: 0">
v-for="(item, index) in investigationDetailList" <view class="detail-item" v-if="item.type === 'number' || item.type === '1'">
:key="index" <uni-forms-item :label="item.name" label-width="450rpx" style="display: flex; align-items: center">
style="width: 96%; padding: 0" <u-input :disabled="type=='view'" placeholder="请输入" border="none" v-model="item.standar" inputAlign="right"
> type="number">
<view <u-text :text="item.unit" slot="suffix" margin="0 3px 0 0" type="tips"></u-text>
class="detail-item"
v-if="item.type === 'number' || item.type === '1'"
>
<uni-forms-item
:label="item.name"
label-width="450rpx"
style="display: flex; align-items: center"
>
<u-input
placeholder="请输入"
border="none"
v-model="item.standar"
inputAlign="right"
type="number"
>
<u-text
:text="item.unit"
slot="suffix"
margin="0 3px 0 0"
type="tips"
></u-text>
</u-input> </u-input>
</uni-forms-item> </uni-forms-item>
</view> </view>
<view <view class="detail-item" v-else-if="item.type === 'text' || item.type === '2'">
class="detail-item" <uni-forms-item :label="item.name" label-width="450rpx" style="display: flex; align-items: center">
v-else-if="item.type === 'text' || item.type === '2'" <u-input :disabled="type=='view'" placeholder="请输入" border="none" v-model="item.standar" inputAlign="right" />
>
<uni-forms-item
:label="item.name"
label-width="450rpx"
style="display: flex; align-items: center"
>
<u-input
placeholder="请输入"
border="none"
v-model="item.standar"
inputAlign="right"
/>
</uni-forms-item> </uni-forms-item>
</view> </view>
<view <view class="detail-item" v-else-if="item.type === 'check' || item.type === '3'">
class="detail-item" <uni-forms-item :label="item.name" label-width="450rpx" style="display: flex; align-items: center">
v-else-if="item.type === 'check' || item.type === '3'" <u-checkbox :disabled="type=='view'" v-model="item.standar" :customStyle="{ justifyContent: 'space-between' }"
> :name="'sdfs'" />
<uni-forms-item
:label="item.name"
label-width="450rpx"
style="display: flex; align-items: center"
>
<u-checkbox
v-model="item.standar"
:customStyle="{ justifyContent: 'space-between' }"
:name="'sdfs'"
/>
</uni-forms-item> </uni-forms-item>
</view> </view>
<view <view class="detail-item" v-else-if="item.type === 'upload' || item.type === '4'">
class="detail-item" <uni-forms-item :label="item.name" label-position="top" label-width="450rpx"
v-else-if="item.type === 'upload' || item.type === '4'" style="display: flex; align-items: center" />
> <u-upload :disabled="type=='view'" :fileList="item.fileList" @afterRead="(e) => afterRead(e, item)"
<uni-forms-item @delete="(e) => deletePic(e, item)" name="1" :maxCount="1"></u-upload>
:label="item.name"
label-position="top"
label-width="450rpx"
style="display: flex; align-items: center"
/>
<u-upload
:fileList="item.fileList"
@afterRead="(e) => afterRead(e, item)"
@delete="(e) => deletePic(e, item)"
name="1"
:maxCount="1"
></u-upload>
</view> </view>
</view> </view>
<view class="investigation-item" style="width: 96%; padding: 0"> <view class="investigation-item" style="width: 96%; padding: 0">
<view class="detail-item"> <view class="detail-item">
<uni-forms-item <uni-forms-item label="隐患描述" label-position="top" label-width="200px" />
label="隐患描述" <u-textarea placeholder="请输入" :disabled="type=='view'" border="none" v-model="formData.hdDesc" />
label-position="top"
label-width="200px"
/>
<u-textarea
placeholder="请输入"
border="none"
v-model="formData.hdDesc"
/>
</view> </view>
</view> </view>
<view class="investigation-item" style="width: 96%; padding: 0"> <view class="investigation-item" style="width: 96%; padding: 0">
<view class="detail-item"> <view class="detail-item">
<uni-forms-item <uni-forms-item label="隐患图片" label-position="top" label-width="200px" />
label="隐患图片" <u-upload :fileList="fileList" :disabled="type=='view'" @afterRead="(e) => afterRead2(e, 'fileList')"
label-position="top" @delete="(e) => deletePic2(e, 'fileList')" name="1" :maxCount="1"></u-upload>
label-width="200px"
/>
<u-upload
:fileList="fileList"
@afterRead="(e) => afterRead2(e, 'fileList')"
@delete="(e) => deletePic2(e, 'fileList')"
name="1"
:maxCount="1"
></u-upload>
</view> </view>
</view> </view>
<view class="investigation-item" style="width: 96%; padding: 0"> <view class="investigation-item" style="width: 96%; padding: 0">
<view class="detail-item"> <view class="detail-item">
<uni-forms-item <uni-forms-item label="补充信息" label-position="top" label-width="200px" />
label="补充信息" <u-textarea :disabled="type=='view'" placeholder="请输入" border="none" v-model="formData.hdInfo" />
label-position="top"
label-width="200px"
/>
<u-textarea
placeholder="请输入"
border="none"
v-model="formData.hdInfo"
/>
</view> </view>
</view> </view>
</view> </view>
@ -139,7 +59,7 @@
</template> </template>
<script> <script>
export default { export default {
// 组件 // 组件
components: {}, components: {},
props: { props: {
@ -147,6 +67,10 @@ export default {
type: String, type: String,
default: "01", default: "01",
}, },
type: {
type: String,
default: "edit",
},
json: { json: {
type: Object, type: Object,
default: {}, default: {},
@ -233,7 +157,7 @@ export default {
} }
}, },
// 页面显示 // 页面显示
onShow() {}, onShow() { },
// 计算属性 // 计算属性
computed: {}, computed: {},
// 方法 // 方法
@ -445,9 +369,9 @@ export default {
}); });
}, },
}, },
onReady() {}, onReady() { },
// 页面卸载 // 页面卸载
onUnload() {}, onUnload() { },
// 触发下拉刷新 // 触发下拉刷新
onPullDownRefresh() { onPullDownRefresh() {
// 延迟关闭刷新动画 // 延迟关闭刷新动画
@ -456,17 +380,17 @@ export default {
}, 1500); }, 1500);
}, },
// 页面上拉触底事件的处理函数 // 页面上拉触底事件的处理函数
onReachBottom() {}, onReachBottom() { },
}; };
</script> </script>
<style> <style>
page { page {
background: #ffffff; background: #ffffff;
} }
</style> </style>
<style lang="scss" scoped> <style lang="scss" scoped>
.investigation-item { .investigation-item {
margin: 0 auto 20rpx; margin: 0 auto 20rpx;
width: 90%; width: 90%;
border-radius: 8rpx; border-radius: 8rpx;
@ -480,9 +404,9 @@ page {
&.active { &.active {
background: #dfebf8; background: #dfebf8;
} }
} }
.detail-item { .detail-item {
width: 100%; width: 100%;
background: #f0f3f7; background: #f0f3f7;
padding: 20rpx 30rpx; padding: 20rpx 30rpx;
@ -504,9 +428,9 @@ page {
height: auto; height: auto;
margin-bottom: 20rpx; margin-bottom: 20rpx;
} }
} }
.custom-pop-head { .custom-pop-head {
width: 100%; width: 100%;
padding: 20rpx; padding: 20rpx;
box-sizing: border-box; box-sizing: border-box;
@ -527,5 +451,5 @@ page {
.right { .right {
color: #2663bf; color: #2663bf;
} }
} }
</style> </style>

2
pages/investigation/components/problem-box.vue
Unescape View File

@ -29,7 +29,7 @@
></u-upload> ></u-upload>
</view> </view>
<view class="detail-item"> <view class="detail-item">
<uni-forms-item label="补充信息" label-position="top" label-width="200px"/> <uni-forms-item label="需采集补充信息" label-position="top" label-width="200px"/>
<u-textarea <u-textarea
placeholder="请输入" placeholder="请输入"
border="none" border="none"

15
pages/investigation/task.vue
Unescape View File

@ -180,10 +180,10 @@
style="padding: 8px 12px;"></u-checkbox> style="padding: 8px 12px;"></u-checkbox>
</u-checkbox-group> </u-checkbox-group>
<u-popup :show="showInvestigation" @close="showInvestigation = false"> <u-popup :show="showInvestigation" @close="showInvestigation = false">
<InvestigationItem @select="select2"></InvestigationItem> <InvestigationItem :type="type" @select="select2"></InvestigationItem>
</u-popup> </u-popup>
<u-popup :show="showInvestigation2" @close="showInvestigation2 = false"> <u-popup :show="showInvestigation2" @close="showInvestigation2 = false">
<InvestigationItem2 :json="showInvestigation2Item" :businessId="this.businessId" <InvestigationItem2 :type="type" :json="showInvestigation2Item" :businessId="this.businessId"
@show="showInvestigation2 = false" @select="select3"></InvestigationItem2> @show="showInvestigation2 = false" @select="select3"></InvestigationItem2>
</u-popup> </u-popup>
<!-- <u-popup :show="showInvestigation" @close="showInvestigation = false"> <!-- <u-popup :show="showInvestigation" @close="showInvestigation = false">
@ -312,17 +312,17 @@
</view> </view>
<view class="detail-item"> <view class="detail-item">
<uni-forms-item label="隐患描述" label-position="top" label-width="200px" /> <uni-forms-item label="隐患描述" label-position="top" label-width="200px" />
<u-textarea placeholder="请输入" border="none" v-model="describe.hdDesc" /> <u-textarea :disabled="true" placeholder="请输入" border="none" v-model="describe.hdDesc" />
</view> </view>
<view class="detail-item"> <view class="detail-item">
<uni-forms-item label="隐患图片" label-position="top" label-width="200px" /> <uni-forms-item label="隐患图片" label-position="top" label-width="200px" />
<u-upload :fileList="fileList" @afterRead="(e) => afterRead(e, 'fileList')" <u-upload :disabled="true" :fileList="fileList" @afterRead="(e) => afterRead(e, 'fileList')"
@delete="(e) => deletePic(e, 'fileList')" name="1" :maxCount="1"></u-upload> @delete="(e) => deletePic(e, 'fileList')" name="1" :maxCount="1"></u-upload>
</view> </view>
<view class="detail-item"> <view class="detail-item">
<uni-forms-item label="补充信息" label-position="top" label-width="200px" /> <uni-forms-item label="补充信息" label-position="top" label-width="200px" />
<u-textarea placeholder="请输入" border="none" v-model="describe.hdInfo" /> <u-textarea :disabled="true" placeholder="请输入" border="none" v-model="describe.hdInfo" />
</view> </view>
</view> </view>
<view class="blank" /> <view class="blank" />
@ -561,7 +561,7 @@
extraConfigs: [], extraConfigs: [],
describeArr: [], describeArr: [],
temporary: '', temporary: '',
type: '' type: 'edit'
}; };
}, },
methods: { methods: {
@ -725,6 +725,9 @@
this.fileList = []; this.fileList = [];
}, },
addFL() { addFL() {
if(this.type == 'add'){
return false
}
this.showProblemTreeSelect = true; this.showProblemTreeSelect = true;
this.showProblem = false; this.showProblem = false;
// this.describe = { // this.describe = {

12
pages/map/index.vue
Unescape View File

@ -35,8 +35,8 @@
</view> </view>
</view> </view>
<view class="btn-box"> <view class="btn-box">
<view @click="handleCheck(1)" class="btn btn1" v-show="type=='edit'"> 智能排查 </view> <view @click="handleCheck(1)" class="btn btn1" v-show="type!='view'"> 智能排查 </view>
<view @click="handleCheck(2)" class="btn btn2" v-show="type=='edit'"> 人工排查 </view> <view @click="handleCheck(2)" class="btn btn2" v-show="type!='view'"> 人工排查 </view>
<view @click="handleCheck(2)" class="btn btn8" v-show="type=='view'"> 查看排查详情 </view> <view @click="handleCheck(2)" class="btn btn8" v-show="type=='view'"> 查看排查详情 </view>
</view> </view>
</view> </view>
@ -44,9 +44,9 @@
<view class="two-f1">根据当前定位信息，您要排查的是这条路吗？</view> <view class="two-f1">根据当前定位信息，您要排查的是这条路吗？</view>
<view class="two-f2">{{ rname }}</view> <view class="two-f2">{{ rname }}</view>
<view class="btn-box"> <view class="btn-box">
<view @click="onJump(3)" class="btn btn3" v-show="type=='edit'"> 更换 </view> <view @click="onJump(3)" class="btn btn3" v-show="type!='view'"> 更换 </view>
<view @click="handleCheck(1)" class="btn btn4" v-show="type=='edit'"> 智能排查 </view> <view @click="handleCheck(1)" class="btn btn4" v-show="type!='view'"> 智能排查 </view>
<view @click="handleCheck(2)" class="btn btn5" v-show="type=='edit'"> 人工排查 </view> <view @click="handleCheck(2)" class="btn btn5" v-show="type!='view'"> 人工排查 </view>
<view @click="handleCheck(2)" class="btn btn8" v-show="type=='view'"> 查看排查详情 </view> <view @click="handleCheck(2)" class="btn btn8" v-show="type=='view'"> 查看排查详情 </view>
</view> </view>
</view> </view>
@ -204,7 +204,7 @@ export default {
name3: "", name3: "",
name4: "", name4: "",
show: false, show: false,
type:'' type:'edit'
}; };
}, },
onLoad(options) { onLoad(options) {

Write Preview
Loading…
Cancel
Save