update SmallDialog

src/components/DialogWithMenu.vue

@@ -205,9 +205,6 @@ export default {
     },
   },
   methods: {
-    k() {
-      console.log("[DialogWithMenu] closed");
-    },
     /** utitilities */
     showButton(operate) {
       const notDetailMode = !this.detailMode;

src/components/SmallDialog.vue

@@ -15,28 +15,10 @@
     <!-- :append-to-body="appendToBody"> -->
     <div>
       <el-form ref="dataForm" :model="dataForm">
-				<el-row
+        <el-row v-for="(row, rowIndex) in configs.rows" :key="'row_' + rowIndex" :gutter="20">
-					v-for="(row, rowIndex) in configs.rows"
+          <el-col v-for="(col, colIndex) in row" :key="colIndex" :span="col.span ?? 24 / row.length">
-					:key="'row_' + rowIndex"
+            <el-form-item :prop="col.prop" :rules="col.rules || null" :label="col.label">
-					:gutter="20"
+              <el-input v-if="col.input" v-model="dataForm[col.prop]" clearable :disabled="detailMode" v-bind="col.elparams" />
-				>
-					<el-col
-						v-for="(col, colIndex) in row"
-						:key="colIndex"
-						:span="col.span ?? 24 / row.length"
-					>
-						<el-form-item
-							:prop="col.prop"
-							:rules="col.rules || null"
-							:label="col.label"
-						>
-							<el-input
-								v-if="col.input"
-								v-model="dataForm[col.prop]"
-								clearable
-								:disabled="detailMode"
-								v-bind="col.elparams"
-							/>
               <el-select
                 v-if="col.select"
                 v-model="dataForm[col.prop]"
@@ -45,12 +27,7 @@
                 v-bind="col.elparams"
                 @change="handleSelectChange(col, $event)"
               >
-								<el-option
+                <el-option v-for="(opt, optIdx) in col.options" :key="'option_' + optIdx" :label="opt.label" :value="opt.value" />
-									v-for="(opt, optIdx) in col.options"
-									:key="'option_' + optIdx"
-									:label="opt.label"
-									:value="opt.value"
-								/>
               </el-select>
               <el-switch
                 v-if="col.switch"
@@ -60,13 +37,7 @@
                 @change="handleSwitchChange"
                 :disabled="detailMode"
               />
-							<el-input
+              <el-input v-if="col.textarea" type="textarea" v-model="dataForm[col.prop]" :disabled="detailMode" v-bind="col.elparams" />
-								v-if="col.textarea"
-								type="textarea"
-								v-model="dataForm[col.prop]"
-								:disabled="detailMode"
-								v-bind="col.elparams"
-							/>
               <!-- add more...  -->
             </el-form-item>
           </el-col>
@@ -77,13 +48,9 @@
     <!-- footer  -->
     <div slot="footer">
       <template v-for="(operate, index) in configs.operations">
-				<el-button
+        <el-button v-if="showButton(operate)" :key="'operation_' + index" :type="operate.type" @click="handleBtnClick(operate)">{{
-					v-if="showButton(operate)"
+          operate.label
-					:key="'operation_' + index"
+        }}</el-button>
-					:type="operate.type"
-					@click="handleBtnClick(operate)"
-					>{{ operate.label }}</el-button
-				>
       </template>
       <el-button @click="handleBtnClick({ name: 'cancel' })">取消</el-button>
     </div>
@@ -134,12 +101,8 @@ export default {
       const showAlways = operate.showAlways ?? false;
       const editMode = operate.showOnEdit && this.dataForm.id;
       const addMode = !operate.showOnEdit && !this.dataForm.id;
-			const permission = operate.permission
+      const permission = operate.permission ? this.$hasPermission(operate.permission) : true;
-				? this.$hasPermission(operate.permission)
+      return notDetailMode && (showAlways || ((editMode || addMode) && permission));
-				: true;
-			return (
-				notDetailMode && (showAlways || ((editMode || addMode) && permission))
-			);
     },
     resetForm(excludeId = false) {
       setTimeout(() => {
@@ -156,7 +119,7 @@ export default {
       console.log("[small dialog] init", id, isdetail);
 
       this.detailMode = isdetail;
-			if (this.$refs.dataForm) this.$refs.dataForm.clearValidate()
+      if (this.$refs.dataForm) this.$refs.dataForm.clearValidate();
 
       this.$nextTick(() => {
         // this.$refs['dataForm'].resetFields();
@@ -164,9 +127,7 @@ export default {
 
         if (this.dataForm.id) {
           // 如果是编辑
-					this.$http
+          this.$http.get(this.urls.subase + `/${this.dataForm.id}`).then(({ data: res }) => {
-						.get(this.urls.subase + `/${this.dataForm.id}`)
-						.then(({ data: res }) => {
             if (res && res.code === 0) {
               const dataFormKeys = Object.keys(this.dataForm);
               this.dataForm = __pick(res.data, dataFormKeys);
@@ -175,7 +136,7 @@ export default {
           });
         } else {
           // 如果不是编辑
-					this.visible = true
+          this.visible = true;
         }
       });
     },
@@ -193,20 +154,24 @@ export default {
             break;
           case "add":
           case "update": {
-						console.log('update extraParam: ', this.configs.extraParam)
+            console.log("update extraParam: ", this.configs.extraParam);
             const method = payload.name === "add" ? "POST" : "PUT";
+
+            const fields = {};
+            fields[this.configs.extraParam] = this.relatedId;
+            // [this.configs.extraParam]: this.relatedId,  // this.configs.extraParam 只能是字符串
+            if (this.configs.forceAttachCode) fields["code"] = "";
+
             this.$http({
               url: this.urls.subase,
               method,
               data: {
                 ...this.dataForm,
-								[this.configs.extraParam]: this.relatedId,  // this.configs.extraParam 只能是字符串
+								...fields
               },
             }).then(({ data: res }) => {
               console.log("[add&update] res is: ", res);
-							this.$message.success(
+              this.$message.success(payload.name === "add" ? "添加成功" : "更新成功");
-								payload.name === "add" ? "添加成功" : "更新成功"
-							);
               this.$emit("refreshDataList");
               this.handleClose();
             });

src/views/modules/pms/product/config.js

@@ -117,6 +117,7 @@ export default function () {
 
     subDialog: {
       extraParam: 'productId',
+      forceAttachCode: true, // 产品属性新增必填 code 字段......
       rows: [
         [
           { input: true, label: '属性名称', prop: 'name',  rules: { required: true, message: 'not empty', trigger: 'blur' }, elparams: { placeholder: '请输入属性名称' } },