|
@@ -25,16 +25,6 @@
|
|
:style="{ display: 'flex', justifyContent: 'space-between', alignItems: 'center' }" labelWidth="70">
|
|
:style="{ display: 'flex', justifyContent: 'space-between', alignItems: 'center' }" labelWidth="70">
|
|
<up-input v-model="modelForm.telephone" border="none" placeholder="请输入手机号"></up-input>
|
|
<up-input v-model="modelForm.telephone" border="none" placeholder="请输入手机号"></up-input>
|
|
</up-form-item>
|
|
</up-form-item>
|
|
- <up-form-item label="是否有传染疾病" prop="isContagion" borderBottom labelWidth="150">
|
|
|
|
- <up-radio-group v-model="modelForm.isContagion" placement="row" @change="handleContagionChange">
|
|
|
|
- <up-radio :customStyle="{marginRight: '16px'}" v-for="(item, index) in isContagionOption"
|
|
|
|
- :key="index" :label="item.name" :name="item.key"></up-radio>
|
|
|
|
- </up-radio-group>
|
|
|
|
- </up-form-item>
|
|
|
|
- <up-form-item v-show="showContagionContent" label="传染病内容" prop="haveContagion" borderBottom
|
|
|
|
- labelWidth="100">
|
|
|
|
- <up-input v-model="modelForm.haveContagion" border="none" placeholder="请输入传染病内容"></up-input>
|
|
|
|
- </up-form-item>
|
|
|
|
<up-form-item label="地区" prop="area" borderBottom @click="()=> addressShow = true" labelWidth="70">
|
|
<up-form-item label="地区" prop="area" borderBottom @click="()=> addressShow = true" labelWidth="70">
|
|
<pickerAddress @change="addressChange"
|
|
<pickerAddress @change="addressChange"
|
|
:selectValue="[ modelForm.provinceInd, modelForm.cityInd, modelForm.districtInd ]">
|
|
:selectValue="[ modelForm.provinceInd, modelForm.cityInd, modelForm.districtInd ]">
|
|
@@ -58,7 +48,8 @@
|
|
<up-action-sheet :show="labelFlag" :actions="relaTionsHip" @select="sexSelectsHip"
|
|
<up-action-sheet :show="labelFlag" :actions="relaTionsHip" @select="sexSelectsHip"
|
|
@close="labelFlag = false"></up-action-sheet>
|
|
@close="labelFlag = false"></up-action-sheet>
|
|
<view class="Wrapper-Btn">
|
|
<view class="Wrapper-Btn">
|
|
- <up-button @click="handleQux" type="error" :plain="true" :hairline="true" text="取消" :customStyle="hadlClickEdit"></up-button>
|
|
|
|
|
|
+ <up-button @click="handleQux" type="error" :plain="true" :hairline="true" text="取消"
|
|
|
|
+ :customStyle="hadlClickEdit"></up-button>
|
|
<up-button type="error" @click="handleSubmit" text="编辑" :customStyle="hadlClickEdit" />
|
|
<up-button type="error" @click="handleSubmit" text="编辑" :customStyle="hadlClickEdit" />
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
@@ -70,6 +61,7 @@
|
|
reactive,
|
|
reactive,
|
|
computed,
|
|
computed,
|
|
} from 'vue';
|
|
} from 'vue';
|
|
|
|
+
|
|
import {
|
|
import {
|
|
onLoad
|
|
onLoad
|
|
} from '@dcloudio/uni-app';
|
|
} from '@dcloudio/uni-app';
|
|
@@ -80,7 +72,7 @@
|
|
|
|
|
|
const formRef = ref(null)
|
|
const formRef = ref(null)
|
|
|
|
|
|
- // 获取页面传递的参数
|
|
|
|
|
|
+
|
|
// 获取页面传递的参数
|
|
// 获取页面传递的参数
|
|
onLoad((options) => {
|
|
onLoad((options) => {
|
|
if (options) {
|
|
if (options) {
|
|
@@ -90,18 +82,15 @@
|
|
options.provinceName = decodeURIComponent(decodeURIComponent(options.provinceName || ''));
|
|
options.provinceName = decodeURIComponent(decodeURIComponent(options.provinceName || ''));
|
|
options.name = decodeURIComponent(decodeURIComponent(options.name || ''));
|
|
options.name = decodeURIComponent(decodeURIComponent(options.name || ''));
|
|
options.address = decodeURIComponent(decodeURIComponent(options.address || ''));
|
|
options.address = decodeURIComponent(decodeURIComponent(options.address || ''));
|
|
- options.haveContagion = decodeURIComponent(decodeURIComponent(options.haveContagion || ''));
|
|
|
|
modelForm.value = {
|
|
modelForm.value = {
|
|
...modelForm.value,
|
|
...modelForm.value,
|
|
...options,
|
|
...options,
|
|
sex: options.sex ? Number(options.sex) : '',
|
|
sex: options.sex ? Number(options.sex) : '',
|
|
age: options.age ? Number(options.age) : '',
|
|
age: options.age ? Number(options.age) : '',
|
|
- isContagion: options.isContagion ? Number(options.isContagion) : '',
|
|
|
|
provinceName: options.provinceName || '',
|
|
provinceName: options.provinceName || '',
|
|
cityName: options.cityName || '',
|
|
cityName: options.cityName || '',
|
|
districtName: options.districtName || '',
|
|
districtName: options.districtName || '',
|
|
};
|
|
};
|
|
- showContagionContent.value = options.isContagion === 1;
|
|
|
|
}
|
|
}
|
|
});
|
|
});
|
|
|
|
|
|
@@ -111,8 +100,6 @@
|
|
label: '',
|
|
label: '',
|
|
age: '',
|
|
age: '',
|
|
telephone: '',
|
|
telephone: '',
|
|
- isContagion: '',
|
|
|
|
- haveContagion: '',
|
|
|
|
|
|
|
|
provinceName: '', // 省
|
|
provinceName: '', // 省
|
|
provinceCode: '',
|
|
provinceCode: '',
|
|
@@ -166,8 +153,7 @@
|
|
let labelFlag = ref(false)
|
|
let labelFlag = ref(false)
|
|
let addressShow = ref(false)
|
|
let addressShow = ref(false)
|
|
let index = ref(0)
|
|
let index = ref(0)
|
|
- // 新增一个响应式变量,控制传染病内容的显示
|
|
|
|
- const showContagionContent = ref(false);
|
|
|
|
|
|
+
|
|
|
|
|
|
const sexOptions = ref([{
|
|
const sexOptions = ref([{
|
|
name: '男',
|
|
name: '男',
|
|
@@ -177,17 +163,6 @@
|
|
value: 1,
|
|
value: 1,
|
|
}, ]);
|
|
}, ]);
|
|
|
|
|
|
- const isContagionOption = ref([{
|
|
|
|
- name: '是',
|
|
|
|
- key: 1,
|
|
|
|
- disabled: false,
|
|
|
|
- },
|
|
|
|
- {
|
|
|
|
- name: '否',
|
|
|
|
- key: 0,
|
|
|
|
- disabled: false,
|
|
|
|
- }
|
|
|
|
- ])
|
|
|
|
const relaTionsHip = ref([{
|
|
const relaTionsHip = ref([{
|
|
name: '父母'
|
|
name: '父母'
|
|
}, {
|
|
}, {
|
|
@@ -236,29 +211,42 @@
|
|
labelFlag.value = false;
|
|
labelFlag.value = false;
|
|
}
|
|
}
|
|
|
|
|
|
- function addressChange(info) {
|
|
|
|
-
|
|
|
|
- console.log(info, '>>>>data');
|
|
|
|
-
|
|
|
|
- const {
|
|
|
|
- data,
|
|
|
|
- code,
|
|
|
|
- index
|
|
|
|
- } = info
|
|
|
|
-
|
|
|
|
- modelForm.value.provinceName = data[0]
|
|
|
|
- modelForm.value.provinceCode = code[0]
|
|
|
|
- modelForm.value.provinceInd = index[0]
|
|
|
|
-
|
|
|
|
- modelForm.value.cityName = data[1]
|
|
|
|
- modelForm.value.cityCode = code[1]
|
|
|
|
- modelForm.value.cityInd = index[1]
|
|
|
|
-
|
|
|
|
- modelForm.value.districtName = data[2]
|
|
|
|
- modelForm.value.districtCode = code[2]
|
|
|
|
- modelForm.value.districtInd = index[2]
|
|
|
|
- }
|
|
|
|
-
|
|
|
|
|
|
+function addressChange(info) {
|
|
|
|
+ console.log(info, '>>>>data');
|
|
|
|
+
|
|
|
|
+ if (!info || !info.data) {
|
|
|
|
+ console.error('Invalid address change info:', info);
|
|
|
|
+ return;
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ if (!Array.isArray(info.data) || info.data.length < 3) {
|
|
|
|
+ console.error('Invalid address data:', info.data);
|
|
|
|
+ return;
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ const code = Array.isArray(info.code) ? info.code : ['', '', ''];
|
|
|
|
+
|
|
|
|
+ let indexArray;
|
|
|
|
+ if (Array.isArray(info.index)) {
|
|
|
|
+ indexArray = info.index;
|
|
|
|
+ } else if (info.index && typeof info.index[Symbol.iterator] === 'function') {
|
|
|
|
+ indexArray = Array.from(info.index);
|
|
|
|
+ } else {
|
|
|
|
+ indexArray = [0, 0, 0];
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ modelForm.value.provinceName = info.data[0] || '';
|
|
|
|
+ modelForm.value.provinceCode = code[0] || '';
|
|
|
|
+ modelForm.value.provinceInd = indexArray[0] || 0;
|
|
|
|
+
|
|
|
|
+ modelForm.value.cityName = info.data[1] || '';
|
|
|
|
+ modelForm.value.cityCode = code[1] || '';
|
|
|
|
+ modelForm.value.cityInd = indexArray[1] || 0;
|
|
|
|
+
|
|
|
|
+ modelForm.value.districtName = info.data[2] || '';
|
|
|
|
+ modelForm.value.districtCode = code[2] || '';
|
|
|
|
+ modelForm.value.districtInd = indexArray[2] || 0;
|
|
|
|
+}
|
|
// 提交编辑
|
|
// 提交编辑
|
|
async function handleSubmit() {
|
|
async function handleSubmit() {
|
|
try {
|
|
try {
|
|
@@ -269,7 +257,6 @@
|
|
const submitData = {
|
|
const submitData = {
|
|
...modelForm.value,
|
|
...modelForm.value,
|
|
sex: modelForm.value.sex,
|
|
sex: modelForm.value.sex,
|
|
- isContagion: modelForm.value.isContagion
|
|
|
|
};
|
|
};
|
|
|
|
|
|
// 3. 显示加载中提示(可选)
|
|
// 3. 显示加载中提示(可选)
|
|
@@ -301,7 +288,7 @@
|
|
|
|
|
|
// 7. 跳转页面
|
|
// 7. 跳转页面
|
|
uni.navigateTo({
|
|
uni.navigateTo({
|
|
- url:'/pages_mine/pages/selectAddress/index'
|
|
|
|
|
|
+ url: '/pages_mine/pages/selectAddress/index'
|
|
});
|
|
});
|
|
} else {
|
|
} else {
|
|
uni.showToast({
|
|
uni.showToast({
|
|
@@ -318,9 +305,9 @@
|
|
});
|
|
});
|
|
}
|
|
}
|
|
}
|
|
}
|
|
- const handleQux = () =>{
|
|
|
|
|
|
+ const handleQux = () => {
|
|
uni.navigateBack({
|
|
uni.navigateBack({
|
|
- delta:1
|
|
|
|
|
|
+ delta: 1
|
|
})
|
|
})
|
|
}
|
|
}
|
|
const hadlClickEdit = {
|
|
const hadlClickEdit = {
|
|
@@ -330,7 +317,7 @@
|
|
</script>
|
|
</script>
|
|
|
|
|
|
<style scoped>
|
|
<style scoped>
|
|
- .Wrapper-Btn{
|
|
|
|
|
|
+ .Wrapper-Btn {
|
|
display: flex;
|
|
display: flex;
|
|
justify-content: center;
|
|
justify-content: center;
|
|
align-items: center;
|
|
align-items: center;
|