|
@@ -28,15 +28,15 @@
|
|
|
>
|
|
|
<el-date-picker
|
|
|
v-model="ruleForm.operationTime"
|
|
|
- width="100%"
|
|
|
- type="datetime"
|
|
|
+ style="width: 100%"
|
|
|
+ type="date"
|
|
|
placeholder="选择日期时间"
|
|
|
></el-date-picker>
|
|
|
</el-form-item>
|
|
|
<el-form-item label="服务截止:" prop="serviceDeadline">
|
|
|
<el-date-picker
|
|
|
v-model="ruleForm.serviceDeadline"
|
|
|
- type="datetime"
|
|
|
+ type="date"
|
|
|
placeholder="选择日期时间"
|
|
|
></el-date-picker>
|
|
|
</el-form-item>
|
|
@@ -177,6 +177,7 @@
|
|
|
<div class="grid-content bg-purple-light">
|
|
|
<!-- 站点照片start -->
|
|
|
<div class="blockTitle mb-20">站点照片</div>
|
|
|
+ <!-- <img v-if="ruleForm.value.sitePictureOne" :src="ruleForm.value.sitePictureOne" alt=""> -->
|
|
|
<el-form-item label="选择文件:" prop="delivery">
|
|
|
<el-upload
|
|
|
:action="uploadUrl"
|
|
@@ -224,7 +225,7 @@
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
-import { defineComponent, ref, onMounted, reactive, toRefs } from 'vue'
|
|
|
+import { defineComponent, ref, onMounted, reactive, toRefs, watch } from 'vue'
|
|
|
import * as api from '@/api/siteManage/basicInfo'
|
|
|
import { ElMessage } from 'element-plus'
|
|
|
|
|
@@ -236,9 +237,10 @@ export default defineComponent({
|
|
|
props: {
|
|
|
siteId: Number,
|
|
|
},
|
|
|
- setup() {
|
|
|
+ setup(props) {
|
|
|
const store = useStore()
|
|
|
const formInfo = ref(null)
|
|
|
+ const formStatus = ref('')
|
|
|
const dialogImageUrl = ref('')
|
|
|
const dialogVisible = ref(false)
|
|
|
const disabled = ref(false)
|
|
@@ -246,40 +248,7 @@ export default defineComponent({
|
|
|
const dropData = ref([])
|
|
|
const dropData2 = ref([])
|
|
|
const platFormData = ref([])
|
|
|
- const ruleForm = ref({
|
|
|
- siteName: '',
|
|
|
- siteType: '',
|
|
|
- userCompany: '',
|
|
|
- operationTime: '',
|
|
|
- serviceDeadline: '',
|
|
|
- installedCapacity: '',
|
|
|
- powerSupplyType: '1',
|
|
|
- voltageLevel: '',
|
|
|
- siteAddress: '',
|
|
|
- longitude: '',
|
|
|
- latitude: '',
|
|
|
- region: '1',
|
|
|
- stationAreaId: '',
|
|
|
-
|
|
|
- demolitionStandardCoal1: '',
|
|
|
- demolitionStandardCoal: '1',
|
|
|
- rheologicalChange: '',
|
|
|
- routeId: '',
|
|
|
-
|
|
|
- faultStatus: '',
|
|
|
- realTimeLoad: '',
|
|
|
- totalElectricity: '',
|
|
|
- powerFactor: '',
|
|
|
-
|
|
|
- userName: '',
|
|
|
- phone: '',
|
|
|
- spareUserName: '',
|
|
|
- sparePhone: '',
|
|
|
-
|
|
|
- sitePictureOne: '',
|
|
|
- sitePictureTwo: '',
|
|
|
- sitePictureThree: '',
|
|
|
- })
|
|
|
+ const ruleForm = ref({})
|
|
|
|
|
|
function handlePictureCardPreview(file) {
|
|
|
console.log('file')
|
|
@@ -325,95 +294,6 @@ export default defineComponent({
|
|
|
console.log(dataSet.fileList)
|
|
|
}
|
|
|
|
|
|
- //表单提交
|
|
|
- function submitForm() {
|
|
|
- ruleForm.value.sitePictureOne = dataSet.fileList[0]
|
|
|
- ruleForm.value.sitePictureTwo = dataSet.fileList[1]
|
|
|
- ruleForm.value.sitePictureThree = dataSet.fileList[2]
|
|
|
-
|
|
|
- ruleForm.value.operationTime
|
|
|
- ? (ruleForm.value.operationTime = parseTime(
|
|
|
- ruleForm.value.operationTime
|
|
|
- ))
|
|
|
- : ''
|
|
|
- ruleForm.value.serviceDeadline
|
|
|
- ? (ruleForm.value.serviceDeadline = parseTime(
|
|
|
- ruleForm.value.serviceDeadline
|
|
|
- ))
|
|
|
- : ''
|
|
|
-
|
|
|
- formInfo.value.validate((valid) => {
|
|
|
- if (valid) {
|
|
|
- store
|
|
|
- // store.commit('TimeAll_function')
|
|
|
- // const time = store.state.Time_Data
|
|
|
- // ruleForm.value.operationTime = time[0]
|
|
|
- // ruleForm.value.serviceDeadline = time[1]
|
|
|
-
|
|
|
- api
|
|
|
- .siteAdd({
|
|
|
- site: {
|
|
|
- siteName: ruleForm.value.siteName,
|
|
|
- installedCapacity: ruleForm.value.installedCapacity,
|
|
|
- siteAddress: ruleForm.value.siteAddress,
|
|
|
- region: ruleForm.value.region,
|
|
|
- stationAreaId: ruleForm.value.stationAreaId,
|
|
|
- longitude: ruleForm.value.longitude,
|
|
|
- latitude: ruleForm.value.latitude,
|
|
|
- userName: ruleForm.value.userName,
|
|
|
- phone: ruleForm.value.phone,
|
|
|
- spareUserName: ruleForm.value.spareUserName,
|
|
|
- sparePhone: ruleForm.value.sparePhone,
|
|
|
- rheologicalChange: ruleForm.value.rheologicalChange,
|
|
|
- routeId: ruleForm.value.routeId,
|
|
|
- groupingId: '1', //字段值待写活
|
|
|
- },
|
|
|
- siteDynamicProperties: {
|
|
|
- siteType: ruleForm.value.siteType,
|
|
|
- userCompany: ruleForm.value.userCompany,
|
|
|
- operationTime: ruleForm.value.operationTime,
|
|
|
- serviceDeadline: ruleForm.value.serviceDeadline,
|
|
|
- powerSupplyType: ruleForm.value.powerSupplyType,
|
|
|
- voltageLevel: ruleForm.value.voltageLevel,
|
|
|
- demolitionStandardCoal: ruleForm.value.demolitionStandardCoal,
|
|
|
- demolitionStandardCoal1: ruleForm.value.demolitionStandardCoal1,
|
|
|
- faultStatus: ruleForm.value.faultStatus,
|
|
|
- realTimeLoad: ruleForm.value.realTimeLoad,
|
|
|
- totalElectricity: ruleForm.value.totalElectricity,
|
|
|
- powerFactor: ruleForm.value.powerFactor,
|
|
|
- sitePictureOne: ruleForm.value.sitePictureOne,
|
|
|
- sitePictureTwo: ruleForm.value.sitePictureTwo,
|
|
|
- sitePictureThree: ruleForm.value.sitePictureThree,
|
|
|
- },
|
|
|
- })
|
|
|
- .then((requset) => {
|
|
|
- if (requset.status === 'SUCCESS') {
|
|
|
- ElMessage.success({
|
|
|
- message: '新增成功',
|
|
|
- type: 'success',
|
|
|
- })
|
|
|
- // if (props.dialogTitle === '新增') {
|
|
|
- // ElMessage.success({
|
|
|
- // message: '新增成功',
|
|
|
- // type: 'success',
|
|
|
- // })
|
|
|
- // } else {
|
|
|
- // ElMessage.success({
|
|
|
- // message: '修改成功',
|
|
|
- // type: 'success',
|
|
|
- // })
|
|
|
- // }
|
|
|
- } else {
|
|
|
- ElMessage.error(requset.msg)
|
|
|
- }
|
|
|
- })
|
|
|
- } else {
|
|
|
- console.log('error submit!!')
|
|
|
- return false
|
|
|
- }
|
|
|
- })
|
|
|
- }
|
|
|
-
|
|
|
function resetForm() {
|
|
|
formInfo.value.resetFields()
|
|
|
}
|
|
@@ -446,8 +326,127 @@ export default defineComponent({
|
|
|
})
|
|
|
}
|
|
|
|
|
|
+ //站点详情请求
|
|
|
+ function getSite() {
|
|
|
+ api.getSite({ id: props.siteId }).then((requset) => {
|
|
|
+ if (requset.status === 'SUCCESS') {
|
|
|
+ console.log(requset.data[0])
|
|
|
+ ruleForm.value = requset.data[0]
|
|
|
+ ruleForm.value.region? ruleForm.value.region = requset.data[0].region.toString():''
|
|
|
+ ruleForm.value.powerSupplyType = ruleForm.value.powerSupplyType?
|
|
|
+ requset.data[0].powerSupplyType.toString():''
|
|
|
+ ruleForm.value.demolitionStandardCoal? ruleForm.value.demolitionStandardCoal =
|
|
|
+ requset.data[0].demolitionStandardCoal.toString():''
|
|
|
+ // ruleForm.value.roleId=requset.data[0].roleId.toString()
|
|
|
+
|
|
|
+ if (requset.data[0]) {
|
|
|
+ formStatus.value = '修改'
|
|
|
+ } else {
|
|
|
+ formStatus.value = '新增'
|
|
|
+ }
|
|
|
+ } else {
|
|
|
+ ElMessage.error(requset.msg)
|
|
|
+ }
|
|
|
+ })
|
|
|
+ }
|
|
|
+
|
|
|
+ //表单提交
|
|
|
+ function submitForm() {
|
|
|
+ ruleForm.value.sitePictureOne = dataSet.fileList[0]
|
|
|
+ ruleForm.value.sitePictureTwo = dataSet.fileList[1]
|
|
|
+ ruleForm.value.sitePictureThree = dataSet.fileList[2]
|
|
|
+
|
|
|
+ ruleForm.value.operationTime
|
|
|
+ ? (ruleForm.value.operationTime = parseTime(
|
|
|
+ ruleForm.value.operationTime
|
|
|
+ ).substring(0, 10))
|
|
|
+ : ''
|
|
|
+ ruleForm.value.serviceDeadline
|
|
|
+ ? (ruleForm.value.serviceDeadline = parseTime(
|
|
|
+ ruleForm.value.serviceDeadline
|
|
|
+ ).substring(0, 10))
|
|
|
+ : ''
|
|
|
+
|
|
|
+ formInfo.value.validate((valid) => {
|
|
|
+ if (valid) {
|
|
|
+ store
|
|
|
+ // store.commit('TimeAll_function')
|
|
|
+ // const time = store.state.Time_Data
|
|
|
+ // ruleForm.value.operationTime = time[0]
|
|
|
+ // ruleForm.value.serviceDeadline = time[1]
|
|
|
+ var params = {
|
|
|
+ site: {
|
|
|
+ id: props.siteId,
|
|
|
+ siteName: ruleForm.value.siteName,
|
|
|
+ installedCapacity: ruleForm.value.installedCapacity,
|
|
|
+ siteAddress: ruleForm.value.siteAddress,
|
|
|
+ region: ruleForm.value.region,
|
|
|
+ stationAreaId: ruleForm.value.stationAreaId,
|
|
|
+ longitude: ruleForm.value.longitude,
|
|
|
+ latitude: ruleForm.value.latitude,
|
|
|
+ userName: ruleForm.value.userName,
|
|
|
+ phone: ruleForm.value.phone,
|
|
|
+ spareUserName: ruleForm.value.spareUserName,
|
|
|
+ sparePhone: ruleForm.value.sparePhone,
|
|
|
+ rheologicalChange: ruleForm.value.rheologicalChange,
|
|
|
+ routeId: ruleForm.value.routeId,
|
|
|
+ groupingId: props.siteId, //字段值待写活
|
|
|
+ },
|
|
|
+ siteDynamicProperties: {
|
|
|
+ id: ruleForm.value.siteDynamicPropertiesId,
|
|
|
+ siteType: ruleForm.value.siteType,
|
|
|
+ userCompany: ruleForm.value.userCompany,
|
|
|
+ operationTime: ruleForm.value.operationTime,
|
|
|
+ serviceDeadline: ruleForm.value.serviceDeadline,
|
|
|
+ powerSupplyType: ruleForm.value.powerSupplyType,
|
|
|
+ voltageLevel: ruleForm.value.voltageLevel,
|
|
|
+ demolitionStandardCoal: ruleForm.value.demolitionStandardCoal,
|
|
|
+ demolitionStandardCoal1: ruleForm.value.demolitionStandardCoal1,
|
|
|
+ faultStatus: ruleForm.value.faultStatus,
|
|
|
+ realTimeLoad: ruleForm.value.realTimeLoad,
|
|
|
+ totalElectricity: ruleForm.value.totalElectricity,
|
|
|
+ powerFactor: ruleForm.value.powerFactor,
|
|
|
+ sitePictureOne: ruleForm.value.sitePictureOne,
|
|
|
+ sitePictureTwo: ruleForm.value.sitePictureTwo,
|
|
|
+ sitePictureThree: ruleForm.value.sitePictureThree,
|
|
|
+ },
|
|
|
+ id: formStatus.value == '修改' ? 1 : 0,
|
|
|
+ }
|
|
|
+
|
|
|
+ api.siteAdd(params).then((requset) => {
|
|
|
+ if (requset.status === 'SUCCESS') {
|
|
|
+ ElMessage.success({
|
|
|
+ message: '保存成功',
|
|
|
+ type: 'success',
|
|
|
+ })
|
|
|
+ } else {
|
|
|
+ ElMessage.error(requset.msg)
|
|
|
+ }
|
|
|
+ })
|
|
|
+ } else {
|
|
|
+ console.log('error submit!!')
|
|
|
+ return false
|
|
|
+ }
|
|
|
+ })
|
|
|
+ }
|
|
|
+
|
|
|
+ //监听变化
|
|
|
+ watch(
|
|
|
+ () => props.siteId,
|
|
|
+ (newVal) => {
|
|
|
+ console.log('newVal')
|
|
|
+ console.log(newVal)
|
|
|
+ getSite()
|
|
|
+ // ruleForm.value.siteId = newVal
|
|
|
+ // powerQualityList()
|
|
|
+ }
|
|
|
+ )
|
|
|
+
|
|
|
onMounted(() => {
|
|
|
+ // console.log('props.siteId')
|
|
|
+ // console.log(props.siteId)
|
|
|
platformList()
|
|
|
+ getSite()
|
|
|
dynamicPropertiesDroplist(2)
|
|
|
dynamicPropertiesDroplist(1)
|
|
|
})
|
|
@@ -469,9 +468,9 @@ export default defineComponent({
|
|
|
siteName: [
|
|
|
{ required: true, message: '请输入站点名称', trigger: 'blur' },
|
|
|
{
|
|
|
- min: 3,
|
|
|
+ min: 1,
|
|
|
max: 11,
|
|
|
- message: '长度在 3 到 11 个字符',
|
|
|
+ message: '长度在 1 到 11 个字符',
|
|
|
trigger: 'blur',
|
|
|
},
|
|
|
],
|
|
@@ -481,9 +480,9 @@ export default defineComponent({
|
|
|
userCompany: [
|
|
|
{ required: true, message: '请输入用户公司', trigger: 'blur' },
|
|
|
{
|
|
|
- min: 3,
|
|
|
+ min: 1,
|
|
|
max: 11,
|
|
|
- message: '长度在 3 到 11 个字符',
|
|
|
+ message: '长度在 1 到 11 个字符',
|
|
|
trigger: 'blur',
|
|
|
},
|
|
|
],
|
|
@@ -496,9 +495,9 @@ export default defineComponent({
|
|
|
installedCapacity: [
|
|
|
{ required: true, message: '请输入装机容量', trigger: 'blur' },
|
|
|
{
|
|
|
- min: 3,
|
|
|
+ min: 1,
|
|
|
max: 20,
|
|
|
- message: '长度在 3 到 20 个字符',
|
|
|
+ message: '长度在 1 到 20 个字符',
|
|
|
trigger: 'blur',
|
|
|
},
|
|
|
],
|
|
@@ -508,9 +507,9 @@ export default defineComponent({
|
|
|
siteAddress: [
|
|
|
{ required: true, message: '请输入站点地址', trigger: 'blur' },
|
|
|
{
|
|
|
- min: 3,
|
|
|
- max: 11,
|
|
|
- message: '长度在 3 到 11 个字符',
|
|
|
+ min: 1,
|
|
|
+ max: 20,
|
|
|
+ message: '长度在 1 到 20 个字符',
|
|
|
trigger: 'blur',
|
|
|
},
|
|
|
],
|
|
@@ -532,9 +531,9 @@ export default defineComponent({
|
|
|
userName: [
|
|
|
{ required: true, message: '请输入联系人1', trigger: 'blur' },
|
|
|
{
|
|
|
- min: 3,
|
|
|
+ min: 1,
|
|
|
max: 11,
|
|
|
- message: '长度在 3 到 11 个字符',
|
|
|
+ message: '长度在 1 到 11 个字符',
|
|
|
trigger: 'blur',
|
|
|
},
|
|
|
],
|
|
@@ -553,18 +552,18 @@ export default defineComponent({
|
|
|
spareUserName: [
|
|
|
{ required: true, message: '请输入联系人2', trigger: 'blur' },
|
|
|
{
|
|
|
- min: 3,
|
|
|
+ min: 1,
|
|
|
max: 11,
|
|
|
- message: '长度在 3 到 11 个字符',
|
|
|
+ message: '长度在 1 到 11 个字符',
|
|
|
trigger: 'blur',
|
|
|
},
|
|
|
],
|
|
|
sparePhone: [
|
|
|
{ required: true, message: '请输入联系方式2', trigger: 'blur' },
|
|
|
{
|
|
|
- min: 3,
|
|
|
+ min: 1,
|
|
|
max: 11,
|
|
|
- message: '长度在 3 到 11 个字符',
|
|
|
+ message: '长度在 1 到 11 个字符',
|
|
|
trigger: 'blur',
|
|
|
},
|
|
|
],
|
|
@@ -573,7 +572,6 @@ export default defineComponent({
|
|
|
handlePictureCardPreview,
|
|
|
submitForm,
|
|
|
resetForm,
|
|
|
-
|
|
|
handleUpAvatar,
|
|
|
}
|
|
|
},
|