coninfp

src/views/Public/Coninfp.vue

 <template>
-    <c-row>
-        <c-col :span="24">
-            <c-col :span="12">
-                <el-form-item
-                style="height=200px;"
-                    label="General"
-                    prop="mtabut.coninf.oitinf.oit.inftxt"
-                >
-                    <c-input
-                        type="textarea"
-                        v-model="model.mtabut.coninf.oitinf.oit.inftxt"
-                        maxlength="60"
-                        :autosize="{ minRows: 4, maxRows: 6 }"
-                        show-word-limit
-                        placeholder="请输入Infotext"
-                    ></c-input>
-                </el-form-item>
-            </c-col>
-        </c-col>
-        <c-col :span="24">
-        <c-col :span="6">
-                <el-form-item
-                    label="Display Type"
-                    prop="mtabut.coninf.oitinf.oit.inflev"
-                >
-                    <c-select
-                        v-model="model.mtabut.coninf.oitinf.oit.inflev"
-                        style="width: 100%"
-                        disabled
-                        placeholder="请选择Infotext Level"
-                    >
-                        <el-option
-                            v-for="item in codes.inflev"
-                            :key="item.value"
-                            :label="item.label"
-                            :value="item.value"
-                        >
-                        </el-option>
-                    </c-select>
-                </el-form-item>
-            </c-col>
-            </c-col>
-
-        <c-col :span="24">
-            <c-col :span="12">
-                <el-form-item
-                    label="Settlement"
-                    prop="mtabut.coninf.oitset.oit.inftxt"
-                >
-                    <c-input
-                        type="textarea"
-                        v-model="model.mtabut.coninf.oitset.oit.inftxt"
-                        maxlength="60"
-                        :autosize="{ minRows: 4, maxRows: 6 }"
-                        show-word-limit
-                        placeholder="请输入Infotext"
-                    ></c-input>
-                </el-form-item>
-            </c-col>
-        </c-col>
-        <c-col :span="24">
-            <c-col :span="6">
-                <el-form-item
-                    label="Display Type"
-                    prop="mtabut.coninf.oitset.oit.inflev"
-                >
-                    <c-select
-                        v-model="model.mtabut.coninf.oitset.oit.inflev"
-                        style="width: 100%"
-                        disabled
-                        placeholder="请选择Infotext Level"
-                    >
-                        <el-option
-                            v-for="item in codes.inflev"
-                            :key="item.value"
-                            :label="item.label"
-                            :value="item.value"
-                        >
-                        </el-option>
-                    </c-select>
-                </el-form-item>
-            </c-col>
-            </c-col>
-
-        <c-col :span="6">
-            <el-form-item label="执行日期" prop="mtabut.coninf.conexedat">
-                <el-date-picker
-                    type="date"
-                    v-model="model.mtabut.coninf.conexedat"
-                    style="width: 100%"
-                    placeholder="请选择执行日期"
-                ></el-date-picker>
-            </el-form-item>
-        </c-col>
-
-        <c-col :span="6" style="text-align:right">
-            <el-form-item
-                label="Send for Release to"
-                prop="mtabut.coninf.usr.extkey"
-                label-width="140px"
-            >
-                <c-input
-                    v-model="model.mtabut.coninf.usr.extkey"
-                    maxlength="8"
-                    style="width: 100%"
-                    disabled="disabled"
-                    placeholder="请输入User ID"
-                ></c-input>
-            </el-form-item>
-        </c-col>
-    </c-row>
+  <c-row>
+    <c-col :span="24">
+      <c-col :span="15">
+        <el-form-item
+          style="height=200px;"
+          label="General"
+          prop="mtabut.coninf.oitinf.oit.inftxt"
+        >
+          <c-input
+            type="textarea"
+            :rows="6"
+            @change="valueChange($event, 'mtabut.coninf.oitinf.oit.inflev')"
+            v-model="model.mtabut.coninf.oitinf.oit.inftxt"
+            maxlength="60"
+            resize="none"
+            show-word-limit
+            placeholder="请输入Infotext"
+          ></c-input>
+        </el-form-item>
+      </c-col>
+      <c-col :span="7" :offset="1">
+        <el-form-item
+          label="Display Type"
+          prop="mtabut.coninf.oitinf.oit.inflev"
+        >
+          <c-select
+            v-model="model.mtabut.coninf.oitinf.oit.inflev"
+            :disabled="model.mtabut.coninf.oitinf.oit.inftxt ? false : true"
+            placeholder="请选择Infotext Level"
+            :code="inflev"
+          >
+          </c-select>
+        </el-form-item>
+      </c-col>
+    </c-col>
+    <c-col :span="24">
+      <c-col :span="15">
+        <el-form-item label="Settlement" prop="mtabut.coninf.oitset.oit.inftxt">
+          <c-input
+            type="textarea"
+            :rows="6"
+            @change="valueChange($event, 'mtabut.coninf.oitset.oit.inflev')"
+            v-model="model.mtabut.coninf.oitset.oit.inftxt"
+            maxlength="60"
+            resize="none"
+            show-word-limit
+            placeholder="请输入Infotext"
+          ></c-input>
+        </el-form-item>
+      </c-col>
+      <c-col :span="7" :offset="1">
+        <el-form-item
+          label="Display Type"
+          prop="mtabut.coninf.oitset.oit.inflev"
+        >
+          <c-select
+            v-model="model.mtabut.coninf.oitset.oit.inflev"
+            :disabled="model.mtabut.coninf.oitset.oit.inftxt ? false : true"
+            placeholder="请选择Infotext Level"
+            :code="inflev"
+          >
+          </c-select>
+        </el-form-item>
+      </c-col>
+    </c-col>
+    <c-col :span="11">
+      <el-form-item label="执行日期" prop="mtabut.coninf.conexedat">
+        <el-date-picker
+          type="date"
+          v-model="model.mtabut.coninf.conexedat"
+          style="width: 50%"
+          placeholder="请选择执行日期"
+        ></el-date-picker>
+      </el-form-item>
+    </c-col>
+    <c-col :span="7" :offset="5">
+      <el-form-item label="Send for Release to" prop="mtabut.coninf.usr.extkey">
+        <c-input
+          v-model="model.mtabut.coninf.usr.extkey"
+          maxlength="8"
+          disabled="disabled"
+          placeholder="请输入User ID"
+        ></c-input>
+      </el-form-item>
+    </c-col>
+  </c-row>
 </template>
 <script>
+// 附言页签,勿改
+import _ from "~/utils/Lodash.js";
 import CommonProcess from "~/mixin/CommonProcess";
-import Event from "~/model/Ditopn/Event";
-
 export default {
-    inject: ['root'],
-    props: ["model", "codes"],
-    mixins: [CommonProcess],
-    data() {
-        return {};
+  inject: ["root"],
+  props: ["model", "codes"],
+  mixins: [CommonProcess],
+  data() {
+    return {
+      inflev: [
+        { label: "Show", value: "$" },
+        { label: "Do not show", value: "!" },
+        { label: "Warn", value: "0" },
+      ], //码表
+    };
+  },
+  methods: {
+    valueChange(event, type) {
+      if (!event) {
+        _.set(this.model, type, "");
+      }
     },
-    methods: { ...Event },
-    created: function () {},
+  },
+  created: function () {},
 };
 </script>
 <style>
-</style>
+</style>
\ No newline at end of file