|
@@ -18,11 +18,17 @@
|
|
|
</div>
|
|
</div>
|
|
|
<!-- 关联项目 -->
|
|
<!-- 关联项目 -->
|
|
|
<div class="image-selection padded-lr-20" v-show="projectBoxShow">
|
|
<div class="image-selection padded-lr-20" v-show="projectBoxShow">
|
|
|
- <div class="project-placeholder">
|
|
|
|
|
|
|
+ <div class="project-box">
|
|
|
|
|
+ <div class="project-overlay" v-show="overlayShow"></div>
|
|
|
<div class="project-add-box">
|
|
<div class="project-add-box">
|
|
|
- <span style="font-weight: 700;"><span style="color: red;margin-right: 5px;">*</span>关联项目</span>
|
|
|
|
|
|
|
+ <div class="fws-change-box" @click="overlayShow = !overlayShow">
|
|
|
|
|
+ <span class="fws-code">{{fwsCode}}</span>
|
|
|
|
|
+ <span class="change-txt">切换</span>
|
|
|
|
|
+ <van-icon v-show="!overlayShow" name="arrow-down" color="#0057BA" />
|
|
|
|
|
+ <van-icon v-show="overlayShow" name="arrow-up" color="#0057BA" />
|
|
|
|
|
+ </div>
|
|
|
<van-popover placement="bottom-end" :offset="[17, 4]" v-model="showProjectPopover" theme="dark"
|
|
<van-popover placement="bottom-end" :offset="[17, 4]" v-model="showProjectPopover" theme="dark"
|
|
|
- trigger="click">
|
|
|
|
|
|
|
+ trigger="click">
|
|
|
<div role="menu" class="van-popover__content">
|
|
<div role="menu" class="van-popover__content">
|
|
|
<div role="menuitem" class="van-popover__action van-popover__action--with-icon" @click="toProjectLink">
|
|
<div role="menuitem" class="van-popover__action van-popover__action--with-icon" @click="toProjectLink">
|
|
|
<img width="30px" :src="require('@/assets/AIDesign/projectIcon.png')" alt="">
|
|
<img width="30px" :src="require('@/assets/AIDesign/projectIcon.png')" alt="">
|
|
@@ -34,31 +40,51 @@
|
|
|
</template>
|
|
</template>
|
|
|
</van-popover>
|
|
</van-popover>
|
|
|
</div>
|
|
</div>
|
|
|
- <div class="point-box">已有积分:<span>{{projectPoint}}</span></div>
|
|
|
|
|
- <div class="list-item-checked" v-if="checkedProject != null">
|
|
|
|
|
- <div class="title-item" v-show="checkedProject.fulladdress">
|
|
|
|
|
- <span class="title" style="text-align: left;">{{ checkedProject.fulladdress }}</span>
|
|
|
|
|
- <span class="status">已报备</span>
|
|
|
|
|
- </div>
|
|
|
|
|
- <div class="user-item" v-show="checkedProject.contact">
|
|
|
|
|
- <van-icon name="user-o" />
|
|
|
|
|
- <span class="txt">{{ checkedProject.contact }}</span>
|
|
|
|
|
- </div>
|
|
|
|
|
- <div class="user-item" v-show="checkedProject.tel">
|
|
|
|
|
- <van-icon name="phone-o" />
|
|
|
|
|
- <span class="txt">{{ checkedProject.tel }}</span>
|
|
|
|
|
|
|
+ <div class="check-list-box" v-show="overlayShow">
|
|
|
|
|
+ <van-radio-group v-model="fwsRadioValue">
|
|
|
|
|
+ <van-cell-group>
|
|
|
|
|
+ <van-cell clickable v-for="(item,index) in fwsList" :key="index" @click="radioClick(item.shop_code,item.shop_name)">
|
|
|
|
|
+ <template #icon>
|
|
|
|
|
+ <van-radio :name="item.shop_code" />
|
|
|
|
|
+ </template>
|
|
|
|
|
+ <template #title>
|
|
|
|
|
+ <div :class="fwsRadioValue == item.shop_code ? 'list-label-checked' : 'list-label'">
|
|
|
|
|
+ <span class="code">{{item.shop_code}}</span>
|
|
|
|
|
+ <span class="value">{{item.shop_name}}</span>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </template>
|
|
|
|
|
+ </van-cell>
|
|
|
|
|
+ </van-cell-group>
|
|
|
|
|
+ </van-radio-group>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div class="project-placeholder">
|
|
|
|
|
+ <div style="font-weight: 700;width: 100%;text-align: left;margin-bottom: 10px;"><span style="color: red;margin-right: 5px;">*</span>关联项目</div>
|
|
|
|
|
+ <div class="point-box">已有积分:<span>{{projectPoint}}</span></div>
|
|
|
|
|
+ <div class="list-item-checked" v-if="checkedProject != null">
|
|
|
|
|
+ <div class="title-item" v-show="checkedProject.fulladdress">
|
|
|
|
|
+ <span class="title" style="text-align: left;">{{ checkedProject.fulladdress }}</span>
|
|
|
|
|
+ <span class="status">已报备</span>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div class="user-item" v-show="checkedProject.contact">
|
|
|
|
|
+ <van-icon name="user-o" />
|
|
|
|
|
+ <span class="txt">{{ checkedProject.contact }}</span>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div class="user-item" v-show="checkedProject.tel">
|
|
|
|
|
+ <van-icon name="phone-o" />
|
|
|
|
|
+ <span class="txt">{{ checkedProject.tel }}</span>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div class="user-item">
|
|
|
|
|
+ <van-icon name="info-o" color="#D43030" />
|
|
|
|
|
+ <span class="txt" style="color: #D43030;">已生成套数:{{ checkedProject.DesignCount }}</span>
|
|
|
|
|
+ </div>
|
|
|
</div>
|
|
</div>
|
|
|
- <div class="user-item">
|
|
|
|
|
- <van-icon name="info-o" color="#D43030" />
|
|
|
|
|
- <span class="txt" style="color: #D43030;">已生成套数:{{ checkedProject.DesignCount }}</span>
|
|
|
|
|
|
|
+ <div class="placeholder" style="width: 100%">
|
|
|
|
|
+ <p v-if="checkedProject == null" class="placeholder-text">当前暂无已关联的项目,请选择已报备项目</p>
|
|
|
|
|
+ <van-button type="primary" color="#2484F2" block @click="chooseProject" :loading="showChooseProject"
|
|
|
|
|
+ :disabled="showChooseProject" loading-type="spinner" loading-text="选择项目"
|
|
|
|
|
+ style="width: 80%;margin-left: 10%;">选择项目</van-button>
|
|
|
</div>
|
|
</div>
|
|
|
</div>
|
|
</div>
|
|
|
- <div class="placeholder" style="width: 100%">
|
|
|
|
|
- <p v-if="checkedProject == null" class="placeholder-text">当前暂无已关联的项目,请选择已报备项目</p>
|
|
|
|
|
- <van-button type="primary" color="#2484F2" block @click="chooseProject" :loading="showChooseProject"
|
|
|
|
|
- :disabled="showChooseProject" loading-type="spinner" loading-text="选择项目"
|
|
|
|
|
- style="width: 80%;margin-left: 10%;">选择项目</van-button>
|
|
|
|
|
- </div>
|
|
|
|
|
</div>
|
|
</div>
|
|
|
</div>
|
|
</div>
|
|
|
<!-- 图片选择 -->
|
|
<!-- 图片选择 -->
|
|
@@ -541,6 +567,11 @@ export default class extends Vue {
|
|
|
private projectPoint = '';
|
|
private projectPoint = '';
|
|
|
private pointDialogShow1 = false;
|
|
private pointDialogShow1 = false;
|
|
|
private pointDialogShow2 = false;
|
|
private pointDialogShow2 = false;
|
|
|
|
|
+ private fwsCode = '';
|
|
|
|
|
+ private fwsName = '';
|
|
|
|
|
+ private fwsList = [];
|
|
|
|
|
+ private fwsRadioValue = '';
|
|
|
|
|
+ private overlayShow = false;
|
|
|
|
|
|
|
|
created() {
|
|
created() {
|
|
|
// 图片头
|
|
// 图片头
|
|
@@ -588,6 +619,7 @@ export default class extends Vue {
|
|
|
this.startIndex = 0;
|
|
this.startIndex = 0;
|
|
|
this.currentIndex = 0;
|
|
this.currentIndex = 0;
|
|
|
this.currentTitle = null;
|
|
this.currentTitle = null;
|
|
|
|
|
+ this.overlayShow = false;
|
|
|
this.activeName = "外墙质感";// tab选中的项
|
|
this.activeName = "外墙质感";// tab选中的项
|
|
|
this.color_selItem = null;//选中的外墙平涂
|
|
this.color_selItem = null;//选中的外墙平涂
|
|
|
this.color_options = [];//外墙平涂列表
|
|
this.color_options = [];//外墙平涂列表
|
|
@@ -613,7 +645,9 @@ export default class extends Vue {
|
|
|
private getServiceCode() {
|
|
private getServiceCode() {
|
|
|
let that = this;
|
|
let that = this;
|
|
|
const userInfo: any = JSON.parse(window.localStorage.getItem("userInfoV1")!);
|
|
const userInfo: any = JSON.parse(window.localStorage.getItem("userInfoV1")!);
|
|
|
- let serviceCodeArray = [];
|
|
|
|
|
|
|
+ const checkedFwsInfo: any = JSON.parse(window.localStorage.getItem("pageDesignfwsRadioValue")!);
|
|
|
|
|
+ let serviceCodeArray = [];
|
|
|
|
|
+ let serviceObjArray = [];
|
|
|
// if (userInfo && userInfo.loginTypeList && userInfo.loginTypeList.length > 0) {
|
|
// if (userInfo && userInfo.loginTypeList && userInfo.loginTypeList.length > 0) {
|
|
|
// userInfo.loginTypeList.forEach(item => {
|
|
// userInfo.loginTypeList.forEach(item => {
|
|
|
// if (item.shopType == 'stoneLikePaint') {
|
|
// if (item.shopType == 'stoneLikePaint') {
|
|
@@ -625,8 +659,24 @@ export default class extends Vue {
|
|
|
// }
|
|
// }
|
|
|
if (userInfo && userInfo.ServiceCode) {
|
|
if (userInfo && userInfo.ServiceCode) {
|
|
|
serviceCodeArray = userInfo.ServiceCode.split(',').map(item => item.trim()).filter(item => item !== '');
|
|
serviceCodeArray = userInfo.ServiceCode.split(',').map(item => item.trim()).filter(item => item !== '');
|
|
|
|
|
+ userInfo.ServiceCode.split(',').forEach((item,index)=>{
|
|
|
|
|
+ let obj = {};
|
|
|
|
|
+ obj.shop_code = item;
|
|
|
|
|
+ obj.shop_name = userInfo.ServiceName.split(',')[index];
|
|
|
|
|
+ serviceObjArray.push(obj);
|
|
|
|
|
+ })
|
|
|
}
|
|
}
|
|
|
|
|
+ that.fwsList = serviceObjArray;
|
|
|
that.serviceCodeArray = serviceCodeArray;
|
|
that.serviceCodeArray = serviceCodeArray;
|
|
|
|
|
+ if (checkedFwsInfo){
|
|
|
|
|
+ that.fwsCode = checkedFwsInfo.shop_code;
|
|
|
|
|
+ that.fwsName = checkedFwsInfo.shop_name;
|
|
|
|
|
+ that.fwsRadioValue = checkedFwsInfo.shop_code;
|
|
|
|
|
+ } else {
|
|
|
|
|
+ that.fwsCode = serviceObjArray[0].shop_code;
|
|
|
|
|
+ that.fwsName = serviceObjArray[0].shop_name;
|
|
|
|
|
+ that.fwsRadioValue = serviceObjArray[0].shop_code;
|
|
|
|
|
+ }
|
|
|
}
|
|
}
|
|
|
// 处理文件选择(对应 beforeRead + afterRead)
|
|
// 处理文件选择(对应 beforeRead + afterRead)
|
|
|
handleFileChange(e) {
|
|
handleFileChange(e) {
|
|
@@ -704,6 +754,24 @@ export default class extends Vue {
|
|
|
ImagePreview([url]);
|
|
ImagePreview([url]);
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
|
|
+ radioClick(code,value,isClearCheckedProject = true){
|
|
|
|
|
+ let that = this;
|
|
|
|
|
+ that.fwsName = value;
|
|
|
|
|
+ that.fwsCode = code;
|
|
|
|
|
+ that.fwsRadioValue = code;
|
|
|
|
|
+ let overviewRadioValue = {
|
|
|
|
|
+ shop_code:code,
|
|
|
|
|
+ shop_name:value
|
|
|
|
|
+ }
|
|
|
|
|
+ that.GetPointsFn();
|
|
|
|
|
+ if (isClearCheckedProject){
|
|
|
|
|
+ that.checkedProject = null;
|
|
|
|
|
+ that.checkedProjectId = null;
|
|
|
|
|
+ }
|
|
|
|
|
+ window.localStorage.setItem("pageDesignfwsRadioValue", JSON.stringify(overviewRadioValue));
|
|
|
|
|
+ that.overlayShow = false;
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
// 处理罗马柱
|
|
// 处理罗马柱
|
|
|
openComponentPreview(initIndex: number, list) {
|
|
openComponentPreview(initIndex: number, list) {
|
|
|
if (list.length > 0) {
|
|
if (list.length > 0) {
|
|
@@ -726,7 +794,9 @@ export default class extends Vue {
|
|
|
|
|
|
|
|
GetPointsFn(){
|
|
GetPointsFn(){
|
|
|
let that = this;
|
|
let that = this;
|
|
|
- GetPoints().then(response => {
|
|
|
|
|
|
|
+ const formData = new FormData();
|
|
|
|
|
+ formData.append('serviceCode', that.fwsCode);
|
|
|
|
|
+ GetPoints(formData).then(response => {
|
|
|
if (response.StatusCode == 200) {
|
|
if (response.StatusCode == 200) {
|
|
|
that.projectPoint = response.Data.point;
|
|
that.projectPoint = response.Data.point;
|
|
|
}
|
|
}
|
|
@@ -771,23 +841,33 @@ export default class extends Vue {
|
|
|
if (response.Data.F_Color) {
|
|
if (response.Data.F_Color) {
|
|
|
this.DesignStyle = this.designStyles[0].value;
|
|
this.DesignStyle = this.designStyles[0].value;
|
|
|
} else {
|
|
} else {
|
|
|
- this.DesignStyle = response.Data.F_DesignStyle || this.designStyles[0].value;
|
|
|
|
|
|
|
+ this.DesignStyle = this.cardValueFindIndex(response.Data.F_DesignStyle,this.designStyles) == -1 ? this.designStyles[0].value : response.Data.F_DesignStyle;
|
|
|
|
|
+ // this.DesignStyle = response.Data.F_DesignStyle || this.designStyles[0].value;
|
|
|
}
|
|
}
|
|
|
- this.ColorCard = response.Data.F_ColorCard || this.stoneColors[0].value;
|
|
|
|
|
- this.selectedProcess = response.Data.F_DeepGrooveTech || this.deepSlotProcesses[0].value;
|
|
|
|
|
|
|
+ this.ColorCard = this.cardValueFindIndex(response.Data.F_ColorCard,this.stoneColors) == -1 ? this.stoneColors[0].value : response.Data.F_ColorCard;
|
|
|
|
|
+ // this.ColorCard = response.Data.F_ColorCard || this.stoneColors[0].value;
|
|
|
|
|
+ this.selectedProcess = this.cardValueFindIndex(response.Data.F_DeepGrooveTech,this.deepSlotProcesses) == -1 ? this.deepSlotProcesses[0].value : response.Data.F_DeepGrooveTech;
|
|
|
|
|
+ // this.selectedProcess = response.Data.F_DeepGrooveTech || this.deepSlotProcesses[0].value;
|
|
|
// 有墙面工艺
|
|
// 有墙面工艺
|
|
|
- if (this.selectedProcess) {
|
|
|
|
|
- const selectedProcessSelctIndex = this.deepSlotProcesses.findIndex(item => item.value === this.selectedProcess);
|
|
|
|
|
- // 墙面分割线选项
|
|
|
|
|
- this.splitWays = this.deepSlotProcesses[selectedProcessSelctIndex].subitems;
|
|
|
|
|
- }
|
|
|
|
|
- this.selectedSplit = response.Data.F_DivisionMethod || this.splitWays[0].value;
|
|
|
|
|
- this.selectedWindowFrame = response.Data.F_WindowsColor || this.windowFrames[0].value;
|
|
|
|
|
- this.selectedRailing = response.Data.F_CastRailing || this.railings[0].value;
|
|
|
|
|
- this.selectedTile = response.Data.F_GlazedTile || this.tiles[0].value;//新琉璃瓦
|
|
|
|
|
- this.selectedSkirtType = response.Data.F_SkirtType || this.skirtTypes[0].value;//墙裙
|
|
|
|
|
- this.selectedReliefType = response.Data.F_carvingType || this.outsideRelief[0].value;//浮雕
|
|
|
|
|
- this.selectedWindowStyle = response.Data.F_WindowsStyle || this.WindowStyle[0].value;//窗套样式
|
|
|
|
|
|
|
+ if (this.selectedProcess && this.selectedProcess != '平涂') {
|
|
|
|
|
+ const selectedProcessSelctIndex = this.deepSlotProcesses.findIndex(item => item.value === this.selectedProcess);
|
|
|
|
|
+ // 墙面分割线选项
|
|
|
|
|
+ this.splitWays = this.deepSlotProcesses[selectedProcessSelctIndex].subitems;
|
|
|
|
|
+ this.selectedSplit = this.cardValueFindIndex(response.Data.F_DivisionMethod,this.splitWays) == -1 ? this.splitWays[0].value : response.Data.F_DivisionMethod;
|
|
|
|
|
+ // this.selectedSplit = response.Data.F_DivisionMethod || this.splitWays[0].value;
|
|
|
|
|
+ }
|
|
|
|
|
+ this.selectedWindowFrame = this.cardValueFindIndex(response.Data.F_WindowsColor,this.windowFrames) == -1 ? this.windowFrames[0].value : response.Data.F_WindowsColor;
|
|
|
|
|
+ // this.selectedWindowFrame = response.Data.F_WindowsColor || this.windowFrames[0].value;
|
|
|
|
|
+ this.selectedRailing = this.cardValueFindIndex(response.Data.F_CastRailing,this.railings) == -1 ? this.railings[0].value : response.Data.F_CastRailing;
|
|
|
|
|
+ // this.selectedRailing = response.Data.F_CastRailing || this.railings[0].value;
|
|
|
|
|
+ this.selectedTile = this.cardValueFindIndex(response.Data.F_GlazedTile,this.tiles) == -1 ? this.tiles[0].value : response.Data.F_GlazedTile;
|
|
|
|
|
+ // this.selectedTile = response.Data.F_GlazedTile || this.tiles[0].value;//新琉璃瓦
|
|
|
|
|
+ this.selectedSkirtType = this.cardValueFindIndex(response.Data.F_SkirtType,this.skirtTypes) == -1 ? this.skirtTypes[0].value : response.Data.F_SkirtType;
|
|
|
|
|
+ // this.selectedSkirtType = response.Data.F_SkirtType || this.skirtTypes[0].value;//墙裙
|
|
|
|
|
+ this.selectedReliefType = this.cardValueFindIndex(response.Data.F_carvingType,this.outsideRelief) == -1 ? this.outsideRelief[0].value : response.Data.F_carvingType;
|
|
|
|
|
+ // this.selectedReliefType = response.Data.F_carvingType || this.outsideRelief[0].value;//浮雕
|
|
|
|
|
+ this.selectedWindowStyle = this.cardValueFindIndex(response.Data.F_WindowsStyle,this.WindowStyle) == -1 ? this.WindowStyle[0].value : response.Data.F_WindowsStyle;
|
|
|
|
|
+ // this.selectedWindowStyle = response.Data.F_WindowsStyle || this.WindowStyle[0].value;//窗套样式
|
|
|
this.oldf_id = response.Data.F_ID;
|
|
this.oldf_id = response.Data.F_ID;
|
|
|
this.color_selValue = response.Data.F_Color || null;// 外墙平涂选中的值
|
|
this.color_selValue = response.Data.F_Color || null;// 外墙平涂选中的值
|
|
|
if (this.color_selValue) {
|
|
if (this.color_selValue) {
|
|
@@ -835,12 +915,19 @@ export default class extends Vue {
|
|
|
this.ColumnTypes = [];
|
|
this.ColumnTypes = [];
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|
|
|
- this.selectedColumnType = F_ColumnType;//罗马柱
|
|
|
|
|
|
|
+ this.selectedColumnType = this.cardValueFindIndex(F_ColumnType,this.ColumnTypes) == -1 ? this.ColumnTypes[0].value : F_ColumnType;
|
|
|
|
|
+ // this.selectedColumnType = F_ColumnType;//罗马柱
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|
|
|
})
|
|
})
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
|
|
+ //判断选项卡初始化值是否还存在
|
|
|
|
|
+ cardValueFindIndex(value,array){
|
|
|
|
|
+ const index = array.findIndex(item => item.value === value);
|
|
|
|
|
+ return index;
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
// 添加一个新的辅助方法用于将图片URL转换为File对象
|
|
// 添加一个新的辅助方法用于将图片URL转换为File对象
|
|
|
private async urlToFile(url: string, filename: string): Promise<File> {
|
|
private async urlToFile(url: string, filename: string): Promise<File> {
|
|
|
try {
|
|
try {
|
|
@@ -1022,7 +1109,9 @@ export default class extends Vue {
|
|
|
that.$toast.fail('请选择关联项目');
|
|
that.$toast.fail('请选择关联项目');
|
|
|
return;
|
|
return;
|
|
|
}else if (that.checkedProject != null && that.checkedProject.AvailableQuantity <= 0){
|
|
}else if (that.checkedProject != null && that.checkedProject.AvailableQuantity <= 0){
|
|
|
- GetPoints().then(response => {
|
|
|
|
|
|
|
+ const formData = new FormData();
|
|
|
|
|
+ formData.append('serviceCode', that.fwsCode);
|
|
|
|
|
+ GetPoints(formData).then(response => {
|
|
|
if (response.StatusCode == 200) {
|
|
if (response.StatusCode == 200) {
|
|
|
that.projectPoint = response.Data.point;
|
|
that.projectPoint = response.Data.point;
|
|
|
that.pointDialogShow1 = true;
|
|
that.pointDialogShow1 = true;
|
|
@@ -1211,11 +1300,13 @@ export default class extends Vue {
|
|
|
let that = this;
|
|
let that = this;
|
|
|
const formData = new FormData();
|
|
const formData = new FormData();
|
|
|
// const userInfo: any = JSON.parse(window.localStorage.getItem("userInfoV1")!);
|
|
// const userInfo: any = JSON.parse(window.localStorage.getItem("userInfoV1")!);
|
|
|
- formData.append('ServiceCode', that.serviceCodeArray.join(','));
|
|
|
|
|
|
|
+ // formData.append('ServiceCode', that.serviceCodeArray.join(','));
|
|
|
|
|
+ formData.append('servicecode', that.fwsCode);
|
|
|
formData.append('projectid', projectId);
|
|
formData.append('projectid', projectId);
|
|
|
GetProjectlist(formData).then(response => {
|
|
GetProjectlist(formData).then(response => {
|
|
|
if (response.StatusCode == 200) {
|
|
if (response.StatusCode == 200) {
|
|
|
that.checkedProject = response.Data[0];
|
|
that.checkedProject = response.Data[0];
|
|
|
|
|
+ that.radioClick(response.Data[0].servicecode,'',false);
|
|
|
} else {
|
|
} else {
|
|
|
// console.log(response.Info)
|
|
// console.log(response.Info)
|
|
|
}
|
|
}
|
|
@@ -1227,7 +1318,8 @@ export default class extends Vue {
|
|
|
let that = this;
|
|
let that = this;
|
|
|
const formData = new FormData();
|
|
const formData = new FormData();
|
|
|
const userInfo: any = JSON.parse(window.localStorage.getItem("userInfoV1")!);
|
|
const userInfo: any = JSON.parse(window.localStorage.getItem("userInfoV1")!);
|
|
|
- formData.append('ServiceCode', that.serviceCodeArray.join(','));
|
|
|
|
|
|
|
+ // formData.append('ServiceCode', that.serviceCodeArray.join(','));
|
|
|
|
|
+ formData.append('servicecode', that.fwsCode);
|
|
|
if (that.projectSearchValue.trim().length != 0) {
|
|
if (that.projectSearchValue.trim().length != 0) {
|
|
|
formData.append('keyWord', that.projectSearchValue);
|
|
formData.append('keyWord', that.projectSearchValue);
|
|
|
}
|
|
}
|
|
@@ -1514,6 +1606,85 @@ export default class extends Vue {
|
|
|
text-align: center;
|
|
text-align: center;
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
|
|
+.project-box{
|
|
|
|
|
+ position: relative;
|
|
|
|
|
+ .project-overlay{
|
|
|
|
|
+ position: absolute;
|
|
|
|
|
+ width: 100%;
|
|
|
|
|
+ height: 100%;
|
|
|
|
|
+ z-index: 100;
|
|
|
|
|
+ background-color: rgba(0, 0, 0, 0.7);
|
|
|
|
|
+ border-radius: 12px;
|
|
|
|
|
+ }
|
|
|
|
|
+ .project-add-box {
|
|
|
|
|
+ flex-direction: row;
|
|
|
|
|
+ display: flex;
|
|
|
|
|
+ justify-content: space-between;
|
|
|
|
|
+ border-radius: 12px 12px 0 0;
|
|
|
|
|
+ align-items: center;
|
|
|
|
|
+ padding: 10px;
|
|
|
|
|
+ z-index: 200;
|
|
|
|
|
+ position: relative;
|
|
|
|
|
+ background-color: #ffffff;
|
|
|
|
|
+ .fws-change-box{
|
|
|
|
|
+ flex-direction: row;
|
|
|
|
|
+ display: flex;
|
|
|
|
|
+ justify-content: space-between;
|
|
|
|
|
+ align-items: center;
|
|
|
|
|
+ .fws-code{
|
|
|
|
|
+ font-size: 12px;
|
|
|
|
|
+ color: #0057ba;
|
|
|
|
|
+ border: 1px solid #0057ba;
|
|
|
|
|
+ border-radius: 10px;
|
|
|
|
|
+ padding: 2px 4px;
|
|
|
|
|
+ }
|
|
|
|
|
+ .change-txt{
|
|
|
|
|
+ font-size: 12px;
|
|
|
|
|
+ color: #0057BA;
|
|
|
|
|
+ margin-left: 5px;
|
|
|
|
|
+ margin-right: 5px;
|
|
|
|
|
+ }
|
|
|
|
|
+ }
|
|
|
|
|
+ }
|
|
|
|
|
+ .check-list-box{
|
|
|
|
|
+ width: 100%;
|
|
|
|
|
+ flex-direction: column;
|
|
|
|
|
+ display: flex;
|
|
|
|
|
+ box-sizing: border-box;
|
|
|
|
|
+ margin-bottom: 10px;
|
|
|
|
|
+ padding: 10px 10px 5px 10px;
|
|
|
|
|
+ /*background-color: red;*/
|
|
|
|
|
+ z-index: 200;
|
|
|
|
|
+ position: absolute;
|
|
|
|
|
+ top: 42px;
|
|
|
|
|
+ background: linear-gradient(135deg, #ecf1f4 0%, #e7ecfb 100%);
|
|
|
|
|
+ .list-label{
|
|
|
|
|
+ text-align: left;
|
|
|
|
|
+ margin-left: 15px;
|
|
|
|
|
+ .code{
|
|
|
|
|
+ color: #666666;
|
|
|
|
|
+ }
|
|
|
|
|
+ .value{
|
|
|
|
|
+ color: #666666;
|
|
|
|
|
+ margin-left: 5px;
|
|
|
|
|
+ }
|
|
|
|
|
+ }
|
|
|
|
|
+ .list-label-checked{
|
|
|
|
|
+ text-align: left;
|
|
|
|
|
+ margin-left: 15px;
|
|
|
|
|
+ .code{
|
|
|
|
|
+ color: #0057BA;
|
|
|
|
|
+ font-weight: 700;
|
|
|
|
|
+ }
|
|
|
|
|
+ .value{
|
|
|
|
|
+ color: #0057BA;
|
|
|
|
|
+ font-weight: 700;
|
|
|
|
|
+ margin-left: 5px;
|
|
|
|
|
+ }
|
|
|
|
|
+ }
|
|
|
|
|
+ }
|
|
|
|
|
+}
|
|
|
|
|
+
|
|
|
.image-placeholder {
|
|
.image-placeholder {
|
|
|
position: relative;
|
|
position: relative;
|
|
|
display: flex;
|
|
display: flex;
|
|
@@ -1544,13 +1715,13 @@ export default class extends Vue {
|
|
|
padding-bottom: 30px;
|
|
padding-bottom: 30px;
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
-.project-add-box {
|
|
|
|
|
- width: 100%;
|
|
|
|
|
- flex-direction: row;
|
|
|
|
|
- display: flex;
|
|
|
|
|
- justify-content: space-between;
|
|
|
|
|
- align-items: center;
|
|
|
|
|
- margin-bottom: 20px;
|
|
|
|
|
|
|
+.van-cell-group{
|
|
|
|
|
+ background-color: transparent;
|
|
|
|
|
+}
|
|
|
|
|
+
|
|
|
|
|
+.van-cell{
|
|
|
|
|
+ margin-bottom: 5px;
|
|
|
|
|
+ border-radius: 8px;
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
::v-deep .van-button--normal {
|
|
::v-deep .van-button--normal {
|