|
@@ -6,7 +6,7 @@
|
|
|
ref="ruleForm"
|
|
|
:size="'mini'"
|
|
|
v-loading="loading"
|
|
|
- label-width="110px"
|
|
|
+ label-width="90px"
|
|
|
>
|
|
|
<el-row class="ddiv">
|
|
|
<el-col :span="1" class="dtitle">
|
|
@@ -146,7 +146,7 @@
|
|
|
</el-col>
|
|
|
|
|
|
<el-col :span="8">
|
|
|
- <el-form-item label="商品总重量" prop="weight">
|
|
|
+ <el-form-item label="商品总重量" prop="weight" label-width="95px">
|
|
|
<digital-input
|
|
|
:values="ruleForm.weight"
|
|
|
:name="'ruleForm.weight'"
|
|
@@ -164,7 +164,7 @@
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :span="8">
|
|
|
- <el-form-item label="是否库存品" prop="is_stock">
|
|
|
+ <el-form-item label="是否库存品" prop="is_stock" label-width="95px">
|
|
|
<el-select
|
|
|
v-model="ruleForm.is_stock"
|
|
|
filterable
|
|
@@ -187,7 +187,11 @@
|
|
|
<el-col :span="24" v-show="is_noble">
|
|
|
<el-row>
|
|
|
<el-col :span="8">
|
|
|
- <el-form-item label="贵金属重量" prop="noble_weight">
|
|
|
+ <el-form-item
|
|
|
+ label="贵金属重量"
|
|
|
+ prop="noble_weight"
|
|
|
+ label-width="95px"
|
|
|
+ >
|
|
|
<digital-input
|
|
|
:values="ruleForm.noble_weight"
|
|
|
:placeholder="'贵金属重量'"
|
|
@@ -209,7 +213,11 @@
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :span="8">
|
|
|
- <el-form-item label="贵金属种类" prop="noble_metal">
|
|
|
+ <el-form-item
|
|
|
+ label="贵金属种类"
|
|
|
+ prop="noble_metal"
|
|
|
+ label-width="95px"
|
|
|
+ >
|
|
|
<search-metal-kind
|
|
|
:value="ruleForm.noble_metal"
|
|
|
:disabled="
|
|
@@ -225,7 +233,11 @@
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :span="8">
|
|
|
- <el-form-item label="启用实时金价" prop="is_gold_price">
|
|
|
+ <el-form-item
|
|
|
+ label="启用实时金价"
|
|
|
+ prop="is_gold_price"
|
|
|
+ label-width="110px"
|
|
|
+ >
|
|
|
<el-select
|
|
|
v-model="ruleForm.is_gold_price"
|
|
|
filterable
|
|
@@ -290,7 +302,11 @@
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :span="8">
|
|
|
- <el-form-item label="其他配置要求" prop="other_config">
|
|
|
+ <el-form-item
|
|
|
+ label="其他配置要求"
|
|
|
+ prop="other_config"
|
|
|
+ label-width="110px"
|
|
|
+ >
|
|
|
<el-input
|
|
|
placeholder="其他配置要求"
|
|
|
maxlength="100"
|
|
@@ -362,7 +378,7 @@
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :span="8" v-show="ruleForm.good_type === '1'">
|
|
|
- <el-form-item label="定制起订量" prop="moq">
|
|
|
+ <el-form-item label="定制起订量" prop="moq" label-width="95px">
|
|
|
<digital-input
|
|
|
:values="ruleForm.moq"
|
|
|
:placeholder="'定制起订量'"
|
|
@@ -658,7 +674,7 @@
|
|
|
:is-detail="id !== 'add'"
|
|
|
:disabled="type === 'view' || type === 'editCoin'"
|
|
|
:size="'mini'"
|
|
|
- @selectChange="selectAreadelivery_place"
|
|
|
+ @selectChange="selectAreaChange($event, 'delivery_place')"
|
|
|
/>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
@@ -670,7 +686,7 @@
|
|
|
:size="'mini'"
|
|
|
:is-detail="id !== 'add'"
|
|
|
:disabled="type === 'view' || type === 'editCoin'"
|
|
|
- @selectChange="selectAreaorigin_place"
|
|
|
+ @selectChange="selectAreaChange($event, 'origin_place')"
|
|
|
/>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
@@ -688,11 +704,11 @@
|
|
|
>
|
|
|
<el-col :span="23" class="dmain">
|
|
|
<el-row style="padding: 0 0 20px 0">
|
|
|
- <el-col :span="8">
|
|
|
+ <el-col :span="6">
|
|
|
<el-form-item
|
|
|
- label="商品主图"
|
|
|
+ label="商品缩略"
|
|
|
prop="good_thumb_img"
|
|
|
- class="activity-upload"
|
|
|
+ class="activity-upload my-label-top"
|
|
|
>
|
|
|
<div class="btnupload" style="position: relative">
|
|
|
<img
|
|
@@ -707,8 +723,10 @@
|
|
|
:accept="'.jpg,.png,.jpeg'"
|
|
|
:multiple="true"
|
|
|
:uploadcondition="beforeAvatarUpload"
|
|
|
- @UploadErrorEvent="UploadErrorEventgood_thumb_img"
|
|
|
- @UploadSuccessEvent="UploadSuccessEventgood_thumb_img"
|
|
|
+ @UploadErrorEvent="UploadErrorEvent($event, 'good_thumb_img')"
|
|
|
+ @UploadSuccessEvent="
|
|
|
+ UploadSuccessEvent($event, 'good_thumb_img')
|
|
|
+ "
|
|
|
></file-upload>
|
|
|
</div>
|
|
|
<div class="txt-tips fl">
|
|
@@ -721,8 +739,57 @@
|
|
|
<span style="padding: 0 0 0 20px">图片类型.jpg/png/jpeg</span>
|
|
|
</div>
|
|
|
</el-col>
|
|
|
- <el-col :span="16">
|
|
|
- <el-form-item label="详情介绍图" prop="good_info_img">
|
|
|
+ <el-col :span="9">
|
|
|
+ <el-form-item label="商品主图" prop="good_img">
|
|
|
+ <div class="good_info_img_div">
|
|
|
+ <ul v-if="ruleForm.good_img" class="clear">
|
|
|
+ <li
|
|
|
+ class="img-show-li"
|
|
|
+ v-viewer
|
|
|
+ v-for="(img, iindex) in ruleForm.good_img"
|
|
|
+ :key="img + iindex"
|
|
|
+ >
|
|
|
+ <div class="img-show-li-div">
|
|
|
+ <img :src="img" class="img-show" alt="" />
|
|
|
+ <i
|
|
|
+ v-if="type == 'add' || type === 'editBase'"
|
|
|
+ class="el-icon-close"
|
|
|
+ @click="closeImg(iindex, 'good_img')"
|
|
|
+ ></i>
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+ <li
|
|
|
+ class="img-show-li"
|
|
|
+ v-if="
|
|
|
+ ruleForm.good_img.length < 10 &&
|
|
|
+ (type == 'add' || type === 'editBase')
|
|
|
+ "
|
|
|
+ >
|
|
|
+ <div class="activity-upload">
|
|
|
+ <div class="btnupload" style="position: relative">
|
|
|
+ <i class="el-icon-plus avatar-uploader-icon"></i>
|
|
|
+ <file-upload
|
|
|
+ class="Upload"
|
|
|
+ :disabled="type === 'view' || type === 'editCoin'"
|
|
|
+ :accept="'.jpg,.png,.jpeg'"
|
|
|
+ :multiple="true"
|
|
|
+ :uploadcondition="beforeAvatarUpload"
|
|
|
+ @UploadErrorEvent="
|
|
|
+ UploadErrorEvent($event, 'good_img')
|
|
|
+ "
|
|
|
+ @UploadSuccessEvent="
|
|
|
+ UploadSuccessEvent($event, 'good_img')
|
|
|
+ "
|
|
|
+ ></file-upload>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="9">
|
|
|
+ <el-form-item label="详情介绍" prop="good_info_img">
|
|
|
<div class="good_info_img_div">
|
|
|
<ul v-if="ruleForm.good_info_img" class="clear">
|
|
|
<li
|
|
@@ -736,7 +803,7 @@
|
|
|
<i
|
|
|
v-if="type == 'add' || type === 'editBase'"
|
|
|
class="el-icon-close"
|
|
|
- @click="closeImg(iindex)"
|
|
|
+ @click="closeImg(iindex, 'good_info_img')"
|
|
|
></i>
|
|
|
</div>
|
|
|
</li>
|
|
@@ -756,8 +823,12 @@
|
|
|
:accept="'.jpg,.png,.jpeg'"
|
|
|
:multiple="true"
|
|
|
:uploadcondition="beforeAvatarUpload"
|
|
|
- @UploadErrorEvent="UploadErrorEventgood_info_img"
|
|
|
- @UploadSuccessEvent="UploadSuccessEventgood_info_img"
|
|
|
+ @UploadErrorEvent="
|
|
|
+ UploadErrorEvent($event, 'good_info_img')
|
|
|
+ "
|
|
|
+ @UploadSuccessEvent="
|
|
|
+ UploadSuccessEvent($event, 'good_info_img')
|
|
|
+ "
|
|
|
></file-upload>
|
|
|
</div>
|
|
|
</div>
|
|
@@ -1269,6 +1340,7 @@ export default {
|
|
|
model.delivery_place = model.delivery_place.toString();
|
|
|
model.origin_place = model.origin_place.toString();
|
|
|
model.good_info_img = model.good_info_img.toString();
|
|
|
+ model.good_img = model.good_img.toString();
|
|
|
model.unit = model.unit.toString();
|
|
|
model.speclist = JSON.parse(JSON.stringify(this.setResData(1)));
|
|
|
model.good_ladder = JSON.parse(JSON.stringify(this.setResData(2)));
|
|
@@ -1525,6 +1597,7 @@ export default {
|
|
|
lead_time: "0",
|
|
|
sample_day: "0",
|
|
|
good_thumb_img: "",
|
|
|
+ good_img: [],
|
|
|
good_info_img: [],
|
|
|
//固定阶梯成本
|
|
|
cert_fee: "0",
|
|
@@ -1594,7 +1667,7 @@ export default {
|
|
|
lead_time, // string 供货周期
|
|
|
sample_day, //string 调样周期
|
|
|
sample_fee, // string 调样费有
|
|
|
- // good_img, // string 商品图片
|
|
|
+ good_img, // string 商品图片
|
|
|
good_thumb_img, // string 商品说略图
|
|
|
good_info_img, // string 商品详情图
|
|
|
cert_fee, // string 证书费
|
|
@@ -1707,13 +1780,15 @@ export default {
|
|
|
good_size: good_size || "",
|
|
|
good_bar: good_bar || "",
|
|
|
supply_area: supply_area || "",
|
|
|
- delivery_place: delivery_place?(delivery_place || "").split(","):[],
|
|
|
- origin_place: origin_place?(origin_place || "").split(","):[],
|
|
|
+ delivery_place: delivery_place
|
|
|
+ ? (delivery_place || "").split(",")
|
|
|
+ : [],
|
|
|
+ origin_place: origin_place ? (origin_place || "").split(",") : [],
|
|
|
delivery_day: delivery_day || "",
|
|
|
lead_time: lead_time || "",
|
|
|
sample_day: sample_day || "",
|
|
|
good_thumb_img: good_thumb_img || "",
|
|
|
- // good_img: "",
|
|
|
+ good_img: good_img ? (good_img || "").split(",") : [],
|
|
|
good_info_img: good_info_img
|
|
|
? (good_info_img || "").split(",")
|
|
|
: [],
|
|
@@ -1745,7 +1820,11 @@ export default {
|
|
|
"is_diff",
|
|
|
"config",
|
|
|
"other_config",
|
|
|
+<<<<<<< HEAD
|
|
|
'cgd_gold_price'
|
|
|
+=======
|
|
|
+ "cgd_gold_price",
|
|
|
+>>>>>>> sit
|
|
|
];
|
|
|
for (let i = 0; i < list.length; i++) {
|
|
|
this.rulesThis[list[i]][0].required = this.is_noble;
|
|
@@ -1950,48 +2029,28 @@ export default {
|
|
|
}
|
|
|
this.$refs.ruleForm.validateField("noble_metal");
|
|
|
},
|
|
|
- //仓库省市区
|
|
|
- selectAreadelivery_place(e) {
|
|
|
- this.ruleForm.delivery_place = e;
|
|
|
- this.$refs.ruleForm.validateField("delivery_place");
|
|
|
- },
|
|
|
- //仓库省市区
|
|
|
- selectAreaorigin_place(e) {
|
|
|
- this.ruleForm.origin_place = e;
|
|
|
- this.$refs.ruleForm.validateField("origin_place");
|
|
|
- },
|
|
|
- closeImg(index) {
|
|
|
- this.ruleForm.good_info_img.splice(index, 1);
|
|
|
- this.$refs.ruleForm.validateField("good_info_img");
|
|
|
- },
|
|
|
- //图片上传成功
|
|
|
- async UploadSuccessEventgood_thumb_img(data) {
|
|
|
- await this.UploadSuccessEvent(1, data);
|
|
|
+ //省市区
|
|
|
+ selectAreaChange(e, key) {
|
|
|
+ this.ruleForm[key] = e;
|
|
|
+ this.$refs.ruleForm.validateField(key);
|
|
|
},
|
|
|
- // //图片上传成功
|
|
|
- // async UploadSuccessEventgood_img(data) {
|
|
|
- // await this.UploadSuccessEvent(2, data);
|
|
|
- // },
|
|
|
- //图片上传成功
|
|
|
- async UploadSuccessEventgood_info_img(data) {
|
|
|
- await this.UploadSuccessEvent(3, data);
|
|
|
+ closeImg(index, key) {
|
|
|
+ this.ruleForm[key].splice(index, 1);
|
|
|
+ this.$refs.ruleForm.validateField(key);
|
|
|
},
|
|
|
+
|
|
|
//图片上传成功
|
|
|
- async UploadSuccessEvent(type, data) {
|
|
|
+ async UploadSuccessEvent(data, key) {
|
|
|
const { url } = data;
|
|
|
if (url === "noToken") {
|
|
|
await this.logout();
|
|
|
} else {
|
|
|
- if (type === 1) {
|
|
|
- this.ruleForm.good_thumb_img = url;
|
|
|
- this.$refs.ruleForm.validateField("good_thumb_img");
|
|
|
- } else if (type === 2) {
|
|
|
- this.ruleForm.good_img = url;
|
|
|
- this.$refs.ruleForm.validateField("good_img");
|
|
|
+ if (key === "good_thumb_img") {
|
|
|
+ this.ruleForm[key] = url;
|
|
|
} else {
|
|
|
- this.ruleForm.good_info_img.push(url);
|
|
|
- this.$refs.ruleForm.validateField("good_info_img");
|
|
|
+ this.ruleForm[key].push(url);
|
|
|
}
|
|
|
+ this.$refs.ruleForm.validateField(key);
|
|
|
this.$message.success("图片上传成功!");
|
|
|
}
|
|
|
},
|
|
@@ -2003,28 +2062,10 @@ export default {
|
|
|
this.$refs.ruleForm.validateField(list[i]);
|
|
|
}
|
|
|
},
|
|
|
- //图片上传失败
|
|
|
- UploadErrorEventgood_thumb_img(res) {
|
|
|
- this.imgUploadError(1, res);
|
|
|
- },
|
|
|
- // //图片上传失败
|
|
|
- // UploadErrorEventgood_img(res) {
|
|
|
- // this.imgUploadError(2, res);
|
|
|
- // },
|
|
|
- //图片上传失败
|
|
|
- UploadErrorEventgood_info_img(res) {
|
|
|
- this.imgUploadError(3, res);
|
|
|
- },
|
|
|
- imgUploadError(type, res) {
|
|
|
+ imgUploadError(res, key) {
|
|
|
if (res !== "break") {
|
|
|
this.$message.error("图片上传失败!");
|
|
|
- this.$refs.ruleForm.validateField(
|
|
|
- type === 1
|
|
|
- ? "good_thumb_img"
|
|
|
- : type === 2
|
|
|
- ? "good_img"
|
|
|
- : "good_info_img"
|
|
|
- );
|
|
|
+ this.$refs.ruleForm.validateField(key);
|
|
|
}
|
|
|
},
|
|
|
//判断图片规格
|
|
@@ -2057,12 +2098,12 @@ export default {
|
|
|
width: 100%;
|
|
|
li {
|
|
|
float: left;
|
|
|
- width: 89px;
|
|
|
- height: 89px;
|
|
|
+ width: 55px;
|
|
|
+ height: 55px;
|
|
|
padding: 0 5px 0 0;
|
|
|
.img-show-li-div {
|
|
|
- width: 84px;
|
|
|
- height: 84px;
|
|
|
+ width: 50px;
|
|
|
+ height: 50px;
|
|
|
border: 1px solid #dfe4ed;
|
|
|
background: #dfe4ed;
|
|
|
position: relative;
|